IE7問題與一個div在另一個div頂部，所以它會看起來被禁用

Question

我已經放在另一個div .notradewin與div的頂部.ontopdivs所以它看起來像它被禁用，它適用於除IE7以外的所有瀏覽器。

在IE7中，下部div中的所有內容仍在工作：圖像懸停，選擇單擊時打開，我可以標記的文本。

（這是不是一種形式，使用disabled="disabled"是沒有答案的。試了一下）

的選擇是一個插件，我寫的，所以我想我可以在插件解決這個問題，但所有的鏈接都還在工作。

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

嘗試使用Block UI，它能夠阻止特定元素。 http://jquery.malsup.com/block/#element

Answer 2

在IE7中，完全透明的元素不會收到點擊事件（或懸停，顯然）。嘗試把下面的stylesheet for IE7 and older（參考here）：

filter: alpha(opacity=1); 

這將不透明度設置爲1％，這將顯示爲透明，但仍應允許攔截單擊事件。

Answer 3

IE中透明背景上的鼠標事件存在已知問題。請參閱this post解釋該問題。

如果您必須具有透明背景，請嘗試添加background-image: url(.)。