tromton: "a:hover span" im IE

Beitrag lesen

SELF-Forum

"a:hover span" im IE

tromton
– Informationen zu den Bewertungsregeln

hallo leute,

ich möchte einen hover für einen a tag machen, der auch unter IE funktioniert. dazu habe ich viel recherchiert, aber irgendwie will es unter IE nicht klappen. anbei mein bisheriges ergebnis:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
	<head>  
		<meta http-equiv="Content-Language" content="en">  
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
		<META http-equiv="Content-Style-Type" content="text/css">  
		<style type="text/css">  
			a#hoverdiv { display: block; }  
			a#hoverdiv:hover { background:transparent;}  
						  
			a:hover hoverdiv { filter:none; }  
			a span.onhover { visibility:hidden; }  
			a:hover span.onhover { visibility:visible; display:block; }  
		</style>  
		<title>  
			Test Document  
		</title>  
	</head>  
	<body>  
		<div>  
			<a class="hoverdiv" id="hoverdiv" style="position:absolute;top:319px;left:0px;width:580px;height:107px;border-style:solid;">  
				<span class="onhover" id="onhover" style="position: relative;">  
					<span id="titletext" style="position:absolute;top:80px;left:0px;width:570px;height:17px;background-color:#cccccc;" class="img_sub_text">sdhsdh fg kjg sd fjgkj kljg f kjgjk lsdfgjkl fgjk l</span>  
					<span style="position:absolute;top:80px;left:522px;width:16px;height:16px;cursor:pointer;cursor:hand;" onclick="" id="gridlink"><img src="img/grid.gif" title="grid view" alt="grip view" style="border-style:none;"></span>  
					<span style="position:absolute;top:80px;left:538px;width:16px;height:16px;cursor:pointer;cursor:hand;" onclick=""><img src="img/l_arrow.gif" title="previous" alt="previous"  style="border-style:none;"></span>  
					<span style="position:absolute;top:80px;left:554px;width:16px;height:16px;cursor:pointer;cursor:hand;" onclick=""><img src="img/r_arrow.gif" title="next" alt="next"  style="border-style:none;"></span>  
				</span>  
			</a>  
		</div>  
	</body>  
</html>

weis jemand woran es liegt?

vielen dank für alle tipps.

grüße,

tromton

Beitrag melden
–
Informationen zu den Bewertungsregeln