Antworten zum Thema „<ul><li> hover !“

[puur]

Hi ich hab shcon gegoogelt aber bin auf keine Lösung gestoßen die mir weitergeholfen hat. ich möchte ein li mit einem Hover versehen im css ambesten. Das ganze bekomm ich im Mozilla usw. hin nur der IE6 macht zicken wie immer

Hat jemand ein tip wie ich das ambesten machen kann ? mein ansatz war:


hier der neue Ansatz allerdings stellt er das hover bild (PNG Grafik) nicht transparent dargestellt:

html:

<ul>
<li><a href="#" class="hover1"><img src="./images/layout/navi/norm/png/norm_04.png" border="0" width="172px" height="24px"; /></a></li>
</ul>

CSS:

a.hover1:hover {
background: url(../../../../images/layout/navi/hover/png/1_04.png);
background-repeat: no-repeat;
}

 

[fantoma]

AW: <ul><li> hover !

Für den Internet Explorer kannst du ein separater css-style einbinden

vorne einfach folgendes eingeben:

* html li { /* Korrektur fuer IE 5.x */

 

[Refus]

AW: <ul><li> hover !

IE6 kann nicht richtig mit halbtransparenten PNGs umgehen. Da musst du zu extra Tricks greifen und wie du schon richtig bemerkt hast lässt sich der Hover dort nur auf a-Tags anwenden.

 

[jackprince]

AW: <ul><li> hover !

Beim PNG Problem hilft --> IE PNG Fix - TwinHelix

und beim Hover --> Whatever:hover

Oder einfach googeln

Stichworte : Fix, HTC, Hover, Hover Anything, PNG

in der ein oder andere Kombi