MSIE Korrektur.
Ein schwieriger Patient.
Vorliegend folgende Struktur
<div #id1>
<!-- ein menu -->
...
<a style0"
z-index:10
">Link</a>
...
</div>
<div #id2>
...
<h2 style="
border-bottom: 1px solid black;
">
<span style="
position: relative;
top: 0.5em;
z-index: 0;
backgrozund-color:#abc;
">Label</span>
</h2>
...
</div>
Bei hover über Menu (in einem navigationsmenu) überscheiden sich ganz regulär die Bereiche von Menu und #div > h2 > span
In FF liegt das Menu über dem span
Problem:
Der <span> scheint im MSIE durch den Link, wenn auf dem Link gehovert wird
Folgende Korrekturen habe ich versucht:
#id2 h2{ zoom:1;}
/* korrigiert schon mal die Lage für h2 (border) */
Fruchtlos blieben aber
#id2 h2 span{ zoom1; overflow:hidden; }
Der Versuch,
#id1:hover + #id2 h2 span{ }
auszunutzen, schlug fehl. Der Selektor scheint nicht zu greifen.
(Selektor greift im Firefox)
Gibt es einen Hack?
Derzeit habe ich einen unschöneren Hack
mfg Beat;