Autor Zpráva
Ošklivý sup
Profil *
Mam menu delane obrazkove a v IE po najeti mysi a sjeti zustane zmeneny podkladovy obrazek a nevrati se do puvodniho stavu. Netusite nekdo cim to je? Uz jsem se s tim jednou setkal kdysi driv ale nejak sem to pak neresil. Ted sem na to narazil podruhe :((

je to v IE5 a IE6, 7 sem radsi nezkousel.

kod html:
<ul id="menu">
<li><a id="x1" href="">Hlavní stránka<span></span></a></li>
<li><a id="x2" href="">Kontakt<span></span></a></li>

kod CSS:
/* hlavni menu */
#menu {width: 239px; margin:0 0 20px 0; padding:0 0 50px 0; list-style: none;}
#menu a {width: 239px; display: block; background: #52bfbf; color: #fff; position: relative; overflow: hidden;}
#menu a span {width: 239px; display: block; position: absolute; left:0; top:0; z-index:3; cursor: pointer; _cursor: hand;}

/* hlavni strana */
#x1 {height: 39px;}
#x1 span {height: 39px; background: #52bfbf url("../images/menu.gif") 0 0 no-repeat;}
#x1:hover span {background: #52bfbf url("../images/menu.gif") -239px 0 no-repeat;}
gwh
Profil
Prosím, opravdu nikdo neví, co s tím? Narazil jsem na stejný problém.
gwh
Profil
Ještě doplním ukázku: http://www.bulant.cz/workshop/ie-ir/
V IE 6 a 5.5 zůstává na odkazu "viset" :hover efekt i po opuštění plochy odkazu.
Davex
Profil
Ten bug obejdi třeba pomocí změny paddingu:
a:hover { padding-left: 1px; }
a:hover span { padding-left: -1px; }
gwh
Profil
Davex
Díky moc!
Davex
Profil
Nebo možná ještě jednodušeji:
a:hover { visibility: visible; }
gwh
Profil
Smekám!

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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

0