| Autor | Zpráva | ||
|---|---|---|---|
| dan55 Profil |
#1 · Zasláno: 1. 9. 2015, 15:41:49
Ahoj,
mám tento kód: <div class="article-image">
<a href="#" style="display: block; background-image: url('/application/layouts/images/play-overlay.png'); width: 228px; height: 124px; background-position: center center; position: absolute; background-repeat: no-repeat;"></a>
<a href="#" title=""><img src="obrazek-clanku.jpg" alt=""></a>
</div>Který funguje bezvadně, jenže teď dělám novou i responsivní verzi webu. Samotný obrázek zmenšuju takto: img {
max-width: 100%;
}Jenže fakt nevím, jak udělat to, aby se zmenšoval/zvětšoval podle velikosti okna i ten play button (ten odkaz s obrázkem na pozadí) Poradí někdo? Jestli jsem to napsal špatně, tak to na něčem konkrétním vysvetlím, ale myslím, že to stačí :) Díky moc všem |
||
| Str4wberry Profil |
#2 · Zasláno: 1. 9. 2015, 15:55:10
Jde to řešit přes
background-size: Velký obrázek na pozadí stránky
To funguje od Exploreru 9, což většinou stačí, protože starší IE se na malých obrazovkách moc nepoužívají. |
||
|
Časová prodleva: 10 let
|
|||
0