iFrame的妙用作为弹出层铺底覆盖
摘要：最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来，这其中用到了很多关于iframe的方面，总结如下：1.作为弹出层铺...
最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来，这其中用到了很多关于iframe的方面，总结如下：
1. 作为弹出层铺底覆盖
大家如果做过那种黑色遮罩盖住整张页面，而碰巧用户用的是IE6，更碰巧的是页面上有select元素，那就有得头疼了（原理就不在这里赘述了）。我们会发现弹出的DIV没法遮住select, 轮到我们的iframe出场了。逻辑如下：
与弹出div同级放入iframe
保证iframe的 z-index小于弹层div z-index
增加window resize和scroll事件, 保证iframe能盖住整张页面
部分代码
上一篇：
hr 水平线样式示例代码
下一篇：
返回到上一页的html代码的几种写法
相关阅读
网友关注
网友最新关注视频
- 【部编】人教版语文七年级下册《逢入京使》优质课教学视频+PPT课件+教案，辽宁省
- 北师大版八年级物理下册 第六章 常见的光学仪器（二）探究凸透镜成像的规律
- 化学九年级下册全册同步 人教版 第22集 酸和碱的中和反应（一）
- 【部编】人教版语文七年级下册《逢入京使》优质课教学视频+PPT课件+教案，安徽省
- 3.2 数学二年级下册第二单元 表内除法（一）整理和复习 李菲菲
- 外研版八年级英语下学期 Module3
- 河南省名校课堂七年级下册英语第一课（2020年2月10日）
- 30.3 由不共线三点的坐标确定二次函数_第一课时(市一等奖)(冀教版九年级下册)_T144342
- 冀教版小学数学二年级下册第二周第2课时《我们的测量》宝丰街小学庞志荣.mp4
- 19 爱护鸟类_第一课时(二等奖)(桂美版二年级下册)_T3763925
精品推荐
分类导航