다른 div 위에 div가있는 IE7 문제가 발생합니다.

Question

div을 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

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(.)을 추가하십시오.