2

img タグの上に Div を配置しました。私の例では、cls 'justForClickCls' を持つ Div は、別の div 'gameBoardElementGreyCls' にラップされた img の上に配置されます。「justForClickCls」div のマウスダウンが IE で起動しません。ただし、他のすべてのブラウザで動作します。

これがコードです。どんな助けでも大歓迎です。ちなみに私はIE 9でテストしています

<div class='gameBoardElementCls'>
    <div id='9' class='justForClickCls' style='z-index:10;position:absolute;margin:20px;width:80px;height:80px;'></div>
    <div class='gameBoardElementGreyCls'><img src='img/greygmelement.png' width='110px' height='110px'></img></div>
</div>

<script>
    $("div.justForClickCls").mousedown(function () {
        alert('clicked 1');
    });
</script>

4

3 に答える 3

2

何時間も同じ問題に悩まされていましたが、user983327 の最後のコメントが私の一日を救ってくれました。

不透明度を 0 に設定すると、背景が透明な場合と同じ結果が得られ、すべてがクロス ブラウザーと互換性がありました。

于 2012-10-10T15:23:08.010 に答える
0

最初に修正する必要があるのは、img の終了タグです

<img src='img/greygmelement.png' width='110px' height='110px'></img>

に

<img src='img/greygmelement.png' width='110px' height='110px' />

次に、クリックをトラップしようとしているので、 mousedownは不要のようです。clickの代わりに簡単に使用できますmousedown。

動作しているこのコーディングのデモをチェックしてください

于 2012-04-29T23:55:52.443 に答える