Question

我已经使用jQuery在另一个div .ontopdivs之上放置了一个div .notradewin，因此看起来它已被禁用，除了IE7之外，它适用于所有浏览器。

在IE7中，下部div中的所有内容仍然有效：图像悬停，选择打开时单击，我可以标记的文本。

（这不是表格，使用disabled="disabled"不是答案。试了一下）

select是我写的一个插件，所以我想我可以在插件中解决这个问题，但是所有链接仍在工作。

jQuery代码：

$("div.notradewin").each(function() {
    var thisoffset = $(this).offset();
    var thiswidth = $(this).width() + 4;
    var thisheight = $(this).height() + 4;
    $("#bodywrap").append('<div class="ontopdivs" style="background-color: transparent; width: ' + thiswidth + 'px; height:' + thisheight + 'px;position: absolute;top:' + thisoffset.top + 'px;left: ' + thisoffset.left + 'px;z-index: 12 !important;overflow: hidden;"></div>')
})

如何让它发挥作用？

Answer 1

IE中透明背景上的鼠标事件存在已知问题。请参阅this post解释此问题。

如果您必须具有透明背景，请尝试添加background-image: url(.)。

Answer 2

尝试使用Block UI，它可以阻止特定元素。 http://jquery.malsup.com/block/#element

Answer 3

在IE7中，完全透明的元素不会接收点击事件（或显然是悬停）。请尝试将以下内容放入stylesheet for IE7 and older（引用here）：

filter: alpha(opacity=1);

这会将不透明度设置为1％，这将显示为透明，但仍应允许拦截点击事件。

IE7在另一个div的顶部发出div，因此它看起来会被禁用

3 个答案: