behindthescenes: OnClick Problem

Hallo,

ich habe ein Problem mit dem OnClick-Event.
Ich lade eine PNG Grafik mit alpha-transparenz. Wenn ich nun ein div-Element drüber lege und onlick oder andere Event abfragen will kommt im InternetExplorere nichts an. In FireFox geht alles, genau so wie in Opera oder Safari. Woran liegt das?

-----------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
<!--
#div_main
{
 width: 500px;
 height: 300px;
 background-image: url(http://www.sebastianherrmann.de/wp-content/uploads/2007/07/videos.png);
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.sebastianherrmann.de/wp-content/uploads/2007/07/videos.png')
}
#div_test
{
 width: 300px;
 height: 100px;
 background-color: #ff0000;
 opacity: 0.8;
 -moz-opacity: 0.8;
 filter:alpha(opacity=80);
}
-->
</style>
</head>
<body>
<div id="div_main">
 <div id="div_test" onclick="alert('blub');"></div>
</div>
</body>
</html>
----------------------------------------------------------------

  1. Hallo,

    so scheint es mit dem IE besser zu klappen:

      
     #div_test  
     {  
      width: 300px;  
      height: 100px;  
    position:relative;  
    
    

    Grüsse

    Cyx23