2

我在 img 标签上放置了一个 Div。在我的示例中,带有 cls 'justForClickCls' 的 Div 被放置在一个 img 的顶部,该 img 包装在另一个 div 'gameBoardElementGreyCls' 中。'justForClickCls' div 上的 mousedown 未在 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

4

在我的情况下,将不透明度设置为零不是一个有效的解决方案,因为 div 有其他将变得不可见的元素。这解决了问题。将以下内容添加到 div 样式中: background-image:url('.');

于 2013-09-17T02:57:21.920 回答
2

几个小时都被同样的问题困住了,user983327 的最后一条评论挽救了我的一天:IE 要求我为元素设置背景颜色才能工作。

将不透明度设置为 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 回答