別のdivの上にあるdivを持つIE7の問題

Question

のdivをjQueryと一緒に配置しているため、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

ブロックUIを使用しようとすると、特定の要素をブロックする機能があります。 http://jquery.malsup.com/block/#element

Answer 2

IE7では、完全に透過的な要素はクリックイベント（またはホバー、明らかに）を受け取りません。 （hereを参照）stylesheet for IE7 and olderに次のように入れてみてください：

filter: alpha(opacity=1); 

これは透明に見えるであろう、1％の不透明度を設定しますが、それでもクリックイベントを傍受できるようにすべきです。

Answer 3

IEの透明な背景にマウスイベントに関する既知の問題があります。問題を説明しているthis postを参照してください。

透明な背景が必要な場合は、background-image: url(.)を追加してみてください。