iFrame的妙用作为弹出层铺底覆盖

在项目的世界里，我们常常遇到一种特殊的收藏夹项目——“布兜收藏夹”。它的魅力在于，允许我们收藏心仪的图片于布兜页面之上，而在这背后，却隐藏着许多关于iframe的巧妙运用。让我为你揭示其中的奥秘。

让我们聊聊iframe作为弹出层的铺底覆盖。你是否曾遇到过这样的场景：在页面中应用了一个黑色遮罩来覆盖整个页面，而用户使用的恰好是IE6浏览器，并且页面上还包含了select元素？这时，你可能会发现弹出的DIV无法完全覆盖select元素，让人感到困扰。我们的iframe英雄出场了。它的逻辑是这样的：在与弹出div同一层级的位置放入iframe，确保iframe的z-index小于弹层div的z-index。为了保障iframe能够完全覆盖整个页面，我们还需要增加window的resize和scroll事件。

部分实现代码如下：

```bash

var iframe = U.isie6() ? '' : '';

$container.append(iframe).appendTo($body);

```

除了上述用途，iframe还有一个神奇的功能——跨域写入cookie。想象一下你有两个域名：a和b。在某些特定条件下，b域的部分功能需要在a页面上呈现。这时，你可能需要操作a页面时，对b域的cookie进行某些操作，以便用户下次访问时更加便捷。这时，我们依然可以依靠iframe。只需在a页面加入一个动态或固定的iframe，其src属性指向b域的一个代理页面，然后在这个代理页面上执行cookie操作即可。

iframe的巧妙运用使得布兜收藏夹功能得以实现并焕发出无限生机。它像是一个桥梁，连接着不同的页面和域，使得我们可以跨越障碍，实现更多的可能性。正是这样的技术魔法，让布兜收藏夹成为了用户的心头好，也让开发者们为之赞叹不已。在这充满创新与想象力的项目中，我们看到了技术与艺术的完美结合。这就是我们的项目——“布兜收藏夹”。