Frederik: IE8 akzeptiert kein a:hover bei Einsatz von filter alpha

Beitrag lesen

Mist, ich Esel ich, - da hat was Entscheidendes gefehlt im Script; jetzt also nochmal das vollständig! Sorry!
---------------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">

<head>

<title></title>

<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />

<style type="text/css">
<!--

*
{
padding:0px;
margin:0px;
}

ul
{
list-style-type:none;
float:left;
margin-right:50px;
}

ul a:hover
{
background-color:red;
}

-->
</style>

<script type="text/javascript">
<!--

var dom = (document.getElementById) ? 1:0;

//

function zeige_ebene(nummer)
{
if (dom)
{

ebene = document.getElementById('menue');
listen = ebene.getElementsByTagName('ul');

z = 5;
m = 0;

for (i = 0; i < listen.length; i++)
{

if (nummer == i)
{

for (n = 0; n < 100; n++)
{
window.setTimeout("setze_eigenschaft("+n+","+nummer+")",(z*m));
m++;
}

}

}

}
}

function setze_eigenschaft(wert,nummer)
{
if (dom)
{

ebene = listen[nummer].style;

ebene.opacity = (wert/100);

if (wert > 1)
ebene.display = "block";

}
}

-->
</script>

<!--[if IE]>

<script type="text/javascript">

function setze_eigenschaft(wert,nummer)
{
if (dom)
{

ebene = listen[nummer].style;

ebene.filter = "alpha(opacity = "+wert+")";

if (wert > 1)
ebene.display = "block";

}
}

</script>

<![endif]-->

</head>

<body onload="window.setTimeout('zeige_ebene(1)',500)">

<div id="menue">

<ul>

<li><a href="#">Hauptmenü 01</a></li>
<li><a href="#">Hauptmenü 02</a></li>
<li><a href="#">Hauptmenü 03</a></li>

</ul>

<ul style="display:none">

<li><a href="#">Submenü 01</a></li>
<li><a href="#">Submenü 02</a></li>
<li><a href="#">Submenü 03</a></li>

</ul>

</div>

</body>

</html>

---------------------------------------------------------------------------