0514-86177077

9:00-17:00（工作日）

主页 > 知识库 > iFrame的妙用作为弹出层铺底覆盖

iFrame的妙用作为弹出层铺底覆盖
热门标签：电话机器人宣传片 邹城智能外呼系统 经纶电销机器人 巫山县地图标注app 浦东新区百度地图标注图片 个贷电销机器人 腾讯植物园地图标注 外呼智能系统报价 华为收费站地图标注
最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来，这其中用到了很多关于iframe的方面，总结如下：

1. 作为弹出层铺底覆盖

大家如果做过那种黑色遮罩盖住整张页面，而碰巧用户用的是IE6，更碰巧的是页面上有select元素，那就有得头疼了（原理就不在这里赘述了）。我们会发现弹出的DIV没法遮住select, 轮到我们的iframe出场了。逻辑如下：

与弹出div同级放入iframe
保证iframe的 z-index小于弹层div z-index
增加window resize和scroll事件, 保证iframe能盖住整张页面

部分代码

复制代码
代码如下:

var iframe = U.isie6() ? '<iframe style="position:absolute;left:0;top:0;z-index:2000000;filter:Alpha(opacity=0); width:100%;height:' + ds.height + '" frameborder="0"></iframe>' : '';
$container.append(iframe).appendTo($body);

2. 跨域写入cookie

有 a.com和b.com两个domain。在某些条件下b的部分功能会出现在a页面上。 有时需要操作a页面的时候对b.com domain的cookie做一些操作以方便用户下次访问。我们只需要在a页面加入一个iframe(动态或固定)即可，src属性指向b的一张代理页 面，在这张页面执行cookie操作即可。

标签：杨凌 广西 三沙 唐山 滁州 南平 那曲 日喀则

巨人网络通讯声明：本文标题《iFrame的妙用作为弹出层铺底覆盖》，本文关键词  iFrame,的,妙用,作为,弹出,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《iFrame的妙用作为弹出层铺底覆盖》相关的同类信息！
  • 本页收集关于iFrame的妙用作为弹出层铺底覆盖的相关信息资讯供网民参考！
    • 推荐文章

    上一篇：hr 水平线样式示例代码

    下一篇：关于textarea文本转为html即回车换行

    Copyright © 1999-2012 诚信 合法 规范的巨人网络通讯始建于2005年

    苏ICP备15040257号-8

    产品关键词： iFrame的妙用作为弹出层铺底覆盖 iFrame,的,妙用,作为,弹出,