Div被Select擋住,是一個比較常見的問題。有的朋友通過把div的内容放入iframe或object裡來解決。
這樣會破壞頁面的結構,互動性不大好。
另一種方法是:
雖說div直接蓋不住select,但是div可以蓋iframe,而iframe可以蓋select,是以把一個iframe來當作div的底。
相關代碼:
- <p class="msg">已添加,您現在還需要繼續嗎?</p>
- <p><input name="close" οnclick="javascript:hidePop();" type="button" class="btn1"/></p>
- <iframe id="popiframe" style="display:none"></iframe>
- function usershowPop()
- {
- var width = 319; //彈出框的寬度
- var height = 138; //彈出框的高度
- var obj = document.getElementById("msg");
- var obj_iframe = document.getElementById("popiframe");
- obj_iframe.style.display = obj.style.display = "block";
- obj_iframe.style.position = obj.style.position = "absolute";
- obj_iframe.style.zindex = obj.style.zindex = "999";
- obj_iframe.style.width = obj.style.width = width + "px";
- obj_iframe.style.height = obj.style.height = height + "px";
- var p_top = document.documentElement.scrollTop;
- var p_left = document.documentElement.scrollLeft;
- var p_height = document.documentElement.clientHeight;
- var p_width = document.documentElement.clientWidth;
- leftadd = (p_width-width)/2;
- topadd = (p_height-height)/2;
- obj_iframe.style.top = obj.style.top = (p_top + topadd) + "px";
- obj_iframe.style.left = obj.style.left = (p_left + leftadd) + "px";
- window.onscroll = function (){
- obj_iframe.style.top = obj.style.top = (document.documentElement.scrollTop + topadd) +"px";
- obj_iframe.style.left = obj.style.left = (document.documentElement.scrollLeft + leftadd) +"px";
- };
- }
- function userhidePop()
- {
- obj = document.getElementById("msg");
- document.body.removeChild(obj);
- document.getElementById("popiframe").style.display = "none";
- }
這個div就可以蓋住select了.