Autor Zpráva
zbystr
Profil *
zdravim,
chtel bych se zeptat na nasledujici problem...

pokud mam treba toto:


<div id="test">
<a href="#">neco<span><img src........./></span></a>
</div>


a CSS


#test a span img{display:block;.....}
#test a:hover span img{display:none;....}


ve FF vse OK, v IE ne (co jineho cekat)

nevim si s tim rady .... CSS vezme vlastnost #test a span img, ale s hover na ni uz kasle!!
nevite nekdo co s tim??

ZbySTr
Dero
Profil
Pokud nemáš definovaný čistý a:hover, tak si jej definuj.

Např.

a:hover { visibility: visible; }

#test ...
#test ...
zbystr
Profil *
mno nejsem si jist, zda mi pomuze, so pises, jelikoz ja potrebuji nezobrazit POUZE ten IMG ...
jenom tak zhruba jak to je ..




<div id='test'>
<a href='#'>
<span class='arrow'><img ....... /></span>
<span class='text'>text odkazu</span>
</a>
</div>

Ma zmizet ten IMG pri a:hover
Dero
Profil
zbystr: Udělej to, co jsem řekl, a uvidíš, že mám pravdu. Vím přesně, čeho chceš dosáhnout, a znám Explorer. Bude to fungovat.
zbystr
Profil *
jj, mas pravdu ...super ... jsem si to predtim od tebe spatne precetl, super
Diky moc
ZbySTr
Bubák
Profil
zbystr
To je taková klasika. Už při čtení a:hover img {} jsem věděl správnou odpověď. Mám sice dojem, že jsi první, kdo to chce na něco jiného, než na border pro :hover, ale řešení problému je stále stejné, při :hover deklarovat jakoukoliv vlastnost nadřazeného prvku.

Deklaraci a:hover { visibility: visible; } můžeš použít bez obav a přemýšlení, protože nemění vzhled.
Toto téma je uzamčeno. Odpověď nelze zaslat.