1

请帮帮我，当我在“图像”上方的空间“div”中重叠时，我没有收到带有 IE8+ 的 onclick 事件（或大多数鼠标事件）。我的 html 看起来像：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <title>div home</title>



 <script type="text/javascript" >



function doRaise()
{
alert("hiii")   
}


</script>

</head>

<body>
    <div id="dragMe" onclick="doRaise()" style="position:absolute ;width: 50px; height:       50px;z-index: 100;border: solid red 2px"></div>
    <div>
    <img src="snap2.jpg" alt="no" />
    </div>
    welcome!!
</body>
</html>

但同样适用于 Mozilla Firefox 12+ 和 Google Chrome 最新版本。

请任何帮助都会很棒。提前致谢。普拉萨德

4

4 回答 4

1

另一个IE问题。尝试将任何背景添加到 div（图像或颜色）。

如果你想要一个透明的背景，你可以使用它：

background-color:rgba(0, 0, 0, 0)
于 2012-08-24T07:17:29.963 回答
0

为“div”设置背景。试试这个 CSS

#dragMe{ position:absolute ;width: 50px; height: 50px;z-index: 100;border: solid red 2px; background: rgb(255, 255, 255); /* default color if rgba not supported*/ background: rgba(255, 255, 255, 0.01); padding: 4px; padding: 4px; }

于 2012-08-24T07:19:30.907 回答
0

最后我做出如下： 感谢帮助的朋友，感谢所有div home

    <script type="text/javascript" >



    function doRaise()
    {
         alert("hiii")   
    }


    </script>


<body>
    <div id="dragMe" onclick="doRaise()" 
style="position:absolute ;width: 50px; height:50px;z-index: 100;
        border: solid red 2px;
        background: transparent url(whatever.png)"></div>
    <div>
    <img src="snap2.jpg" alt="no" />
    </div>
        welcome!!
</body>

于 2012-08-27T06:35:48.543 回答
0

我通过小提琴做到了这一点。请检查，希望这对您的要求有所帮助..

我的小提琴

于 2012-08-27T07:16:33.953 回答