schlegel.berlin
New member
Liebe Helfer(lein),
wieder einmal ein Problem mit dem IE9 im Zusamenhang mit CSS!
Ich habe das Problem, dass der folgende Codeschnipsel mit ALLEN Browsern die ich getestet habe (IE 7 und 8, Opera, Firefox, Safari) einwandfrei funktioniert.
NUR der IE 9 tut das nicht. Beim IE 9 funktioniert die Stylesheet Anweisung "display:none" nicht.
D.h., neben dem Thumbnail wird das (große) Image permanent angezeigt, also auch wenn man nicht mit der Maus über dem Thumbnail ist.
Was muss ich dem IE 9 "sagen", damit er das CSS richtig interpretriert?
Hier mein Codeschnipsel:
Vorab schión mal vielen Dank für Eure Hilfe.
Ich wünsch Euch allen einen (trotz Sauwetter) schönen Tag,
Karin
wieder einmal ein Problem mit dem IE9 im Zusamenhang mit CSS!
Ich habe das Problem, dass der folgende Codeschnipsel mit ALLEN Browsern die ich getestet habe (IE 7 und 8, Opera, Firefox, Safari) einwandfrei funktioniert.
NUR der IE 9 tut das nicht. Beim IE 9 funktioniert die Stylesheet Anweisung "display:none" nicht.
D.h., neben dem Thumbnail wird das (große) Image permanent angezeigt, also auch wenn man nicht mit der Maus über dem Thumbnail ist.
Was muss ich dem IE 9 "sagen", damit er das CSS richtig interpretriert?
Hier mein Codeschnipsel:
HTML:
.
.
.
<style>
#box a span {display:none;}
#box a:hover span {
position:absolute;
top:120px;
left:288px;
z-index:50;
display:block;
width:600px;
height:450px;
color:#C65439;
background:#ffffff;
border:1px solid red;
padding:4px;
}
</style>
.
.
.
.
.
.
<div id="box"><a href"#"><img src="thumb.gif"><span><img src="image.jpg" border="0"></span></a></div>
.
.
.
Vorab schión mal vielen Dank für Eure Hilfe.
Ich wünsch Euch allen einen (trotz Sauwetter) schönen Tag,
Karin