ie60_ie6下弹出层无法遮罩下拉框解决办法

 代码如下

增加iframe遮罩下拉框，关键是元素放置的位置，简单实例：

 代码如下

   
   

如上，wrapper为弹出div层的主框架容器，content为弹出div层的内容容器，建议把iframe放置如上位置，其次就是各元素的定位与样式的应用

warpper和conntent元素：position绝对定位absolute，高度与宽度根椐实际的需求调整
iframe元素：position绝对定位absolute，高度与宽度与conntent元素一致，top值为0

如

 代码如下

目前大部分弹出div层都使用javascript实现，机制是创建iframe元素，简单如下：

 代码如下 var  createIframe = function(){
        var ifr = document.createElement("iframe");
        ifr.id = id;
        ifr.style.width = "100%";
        ifr.style.height = "100%";
        ifr.style.position = "absolute";
        ifr.style.filter = "alpha(opacity=0)";
        ifr.style.zIndex = "99990";
        ifr.scrolling = "no";
        ifr.src="about:blank";
        ifr.style.top = "0px";
        ifr.style.left = "0px";
        document.body.appendChild(ifr);
    }

 
把上面的元素追加到创建弹出div层内容元素的上方，生成元素的结构如下：

 代码如下

..............

这种结构与上面的结构一样，这样是为了避免iframe遮罩弹出div层元素的交互操作。

ie60_ie6下弹出层无法遮罩下拉框解决办法

http://m.bbyears.com/bangongshuma/33062.html

推荐访问:ie6浏览器官方下载 ie60耳机的骗局 ie64位浏览器下载