div要素でposition: absolute;など指定してポップアップ部品
などを作成することがありますが、
IE6だとdiv要素がセレクトボックスに負けてしまいます。
なのでiframeでかぶせてz-indexを指定することで
セレクトボックスに勝つようにする対応する必要があります。
また、上記対応をしてもブラウザ横スクロールが動作すると
何故かセレクトボックスに負けてしまうので
scrollイベントでスタイルの再割り当てを行うことで勝つ!
ちょっとちらつくけど。。他に方法ないかな~
などを作成することがありますが、
IE6だとdiv要素がセレクトボックスに負けてしまいます。
なのでiframeでかぶせてz-indexを指定することで
セレクトボックスに勝つようにする対応する必要があります。
また、上記対応をしてもブラウザ横スクロールが動作すると
何故かセレクトボックスに負けてしまうので
scrollイベントでスタイルの再割り当てを行うことで勝つ!
ちょっとちらつくけど。。他に方法ないかな~
function iframeCover() { //isIe6()はIE6の場合trueを返す関数 if (isIe6()) { var targetObj =document.getElementById("divtarget"); var html = "<iframe id=\"overlayframe\" src=\"javascript:false\" style=\"position: absolute; display: block; " + "z-index: -1; width: 100%; height: 100%; top: 0; left: 0;" + "filter: mask(); background-color: #ffffff; \"></iframe>"; targetObj.innerHTML += html; // scrollイベントでstyleの再割り当て jQuery(window).bind("scroll", function(){ var targetObj = document.getElementById("divtarget"); // 何でもよいのでstyleの再割り当てを行う。 var orignalBorder = targetObj.style.border; targetObj.style.border = 1; targetObj.style.border = orignalBorder; }); } }
0 件のコメント:
コメントを投稿