iFrame的妙用作为弹出层铺底覆盖
摘要：最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来，这其中用到了很多关于iframe的方面，总结如下：1.作为弹出层铺...
最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来，这其中用到了很多关于iframe的方面，总结如下：
1. 作为弹出层铺底覆盖
大家如果做过那种黑色遮罩盖住整张页面，而碰巧用户用的是IE6，更碰巧的是页面上有select元素，那就有得头疼了（原理就不在这里赘述了）。我们会发现弹出的DIV没法遮住select, 轮到我们的iframe出场了。逻辑如下：
与弹出div同级放入iframe
保证iframe的 z-index小于弹层div z-index
增加window resize和scroll事件, 保证iframe能盖住整张页面
部分代码
上一篇：
hr 水平线样式示例代码
下一篇：
返回到上一页的html代码的几种写法
相关阅读
网友关注
网友最新关注视频
- 外研版八年级英语下学期 Module3
- 冀教版小学数学二年级下册第二单元《有余数除法的简单应用》
- 冀教版英语四年级下册第二课
- 第8课 对称剪纸_第一课时(二等奖)(沪书画版二年级上册)_T3784187
- 30.3 由不共线三点的坐标确定二次函数_第一课时(市一等奖)(冀教版九年级下册)_T144342
- 19 爱护鸟类_第一课时(二等奖)(桂美版二年级下册)_T502436
- 冀教版小学数学二年级下册第二单元《余数和除数的关系》
- 8.对剪花样_第一课时(二等奖)(冀美版二年级上册)_T515402
- 沪教版八年级下册数学练习册21.3（2）分式方程P15
- 《空中课堂》二年级下册 数学第一单元第1课时
精品推荐
分类导航