iFrame的妙用作为弹出层铺底覆盖
摘要：最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来，这其中用到了很多关于iframe的方面，总结如下：1.作为弹出层铺...
最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来，这其中用到了很多关于iframe的方面，总结如下：
1. 作为弹出层铺底覆盖
大家如果做过那种黑色遮罩盖住整张页面，而碰巧用户用的是IE6，更碰巧的是页面上有select元素，那就有得头疼了（原理就不在这里赘述了）。我们会发现弹出的DIV没法遮住select, 轮到我们的iframe出场了。逻辑如下：
与弹出div同级放入iframe
保证iframe的 z-index小于弹层div z-index
增加window resize和scroll事件, 保证iframe能盖住整张页面
部分代码
代码如下:
【iFrame的妙用作为弹出层铺底覆盖】相关文章：
★ iframe里面的页面调用父窗口,左右窗口js函数的方法
★ python使用datetime模块计算各种时间间隔的方法
★ Html中版权符号的字体选择问题(如何让版权符号更美观)
上一篇：
hr 水平线样式示例代码
下一篇：
返回到上一页的html代码的几种写法
相关阅读
网友关注
网友最新关注视频
- 人教版历史八年级下册第一课《中华人民共和国成立》
- 外研版英语七年级下册module1unit3名词性物主代词讲解
- 8.对剪花样_第一课时(二等奖)(冀美版二年级上册)_T515402
- 30.3 由不共线三点的坐标确定二次函数_第一课时(市一等奖)(冀教版九年级下册)_T144342
- 《空中课堂》二年级下册 数学第一单元第1课时
- 【部编】人教版语文七年级下册《过松源晨炊漆公店（其五）》优质课教学视频+PPT课件+教案，江苏省
- 19 爱护鸟类_第一课时(二等奖)(桂美版二年级下册)_T502436
- 【部编】人教版语文七年级下册《过松源晨炊漆公店（其五）》优质课教学视频+PPT课件+教案，辽宁省
- 外研版八年级英语下学期 Module3
- 冀教版小学数学二年级下册第二单元《有余数除法的简单应用》
精品推荐
分类导航