OnClick Problem
behindthescenes
- javascript
0 Cyx23
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>
----------------------------------------------------------------
Hallo,
so scheint es mit dem IE besser zu klappen:
#div_test
{
width: 300px;
height: 100px;
position:relative;
Grüsse
Cyx23