最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
ie6下弹出层无法遮罩下拉框解决办法
时间：2011-12-22 编辑：简简单单 来源：一聚教程网
| 代码如下 | 复制代码 |
|
<iframe align="" scrolling="no" height="" width="" src="" name="" style="" id="" class=""> |
|
增加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层元素的交互操作。
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31