Autor Zpráva
Musilda
Profil
Zdravím,

mám prosbu. Snažím se udělat plynulou změnu obrázku na pozadí odkazu. Hledal jsem něco na google, našel jsem i nějaké návody, ale všechno to jsou změny obrázků i s textem, například zde

Protože pokud mám <a id="buy-button" href="#">BUY ($0.99)</a> a změním mu opacity, tak to bude i s tím textem. Neznáte nějaké řešení, které by toto zohlednilo? Nebudu přece dělat pokaždé obrázek i s textem, to je nesmysl.

Díky za pomoc
Darker
Profil
Musilda:
Neznáte nějaké řešení, které by toto zohlednilo?
Jako pozadí použij jiný (ale ne odkazu nadřezený) element. Ten tak strč pod odkaz a faduj jej.
Keeehi
Profil
Musilda:
Plynulá změna půjde nejspíše jen přes opacity, aby nebyl průhledný i ten text, musí být mimo.
<a href="#" style="position:relative">
    <div style="background-image:url(obr.jpg);opacity:0.3;width:200px;height:50px;"></div>
    <div style="position:absolute;left:0;top:0;width:200px;height:50px;">text</div>
</a>
Musilda
Profil
Keeehi
No jasně, to je ono, díky.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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