Autor Zpráva
dan55
Profil
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
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í.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: