nicht angemeldet
Was genau macht Safari falsch?
Also gut, der Code sieht folgendermaßen aus:
#box1 {
position:absolute; top:150px; left:120px;
text-align:left;
}
#box1 a {
color:#ffffff;
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
border:0px;
}
#box1 a:hover {
display:block;
}
#box1 a span {
display:none;
}
#box1 a:hover span {
position:absolute; top:-50px; left:-90px;
color:black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
background:#eeeeee;
z-index:1;
display:block;
width:200px;
padding:10px;
border:1px solid black;
}
#box1 a span:hover { display:none; }
und im Body:
<div id="box1"><a href="#"><img src="selbereinfuegen.png" width="100" height="100" border="0" style="position:absolute; top:0px; left:0px; z-index:2"><span>Beispieltext.<br>Beispieltext.<br>Beispieltext.<br>Beispieltext.<br>Beispieltext.<br>Beispieltext.<br>Beispieltext.<br></span></a></div>
Nur mehr geeignetes png ansteuern, dann müsste das Beispiel gehen.
Safari unter Windows?
Nope. Safari 2.0.4 und Opera 9.20 im Mac, Firefox 3.6.3 und IE8 unter Windows.
Und nur Safari akzeptiert den "#box1 a span:hover" nicht. "a:hover span:hover" auch nicht übrigens.
apsel