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ホームに感謝します

    <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

'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

私はフィドルを通してこれをしました。チェックしてください、これがあなたの要件に役立つことを願っています..

私のフィドル

于 2012-08-27T07:16:33.953 に答える