ie下的css层叠z-index是什么原因？解决方法说明( 三 ) _睿知

2. 3像素间距是指挨着浮动元素的文本会神奇的被踢出去3像素，好像浮动元素的周围有一个奇怪的力场一样;
3. 双倍边距bug处理 IE6 时，另一个需要记住的事情是，如果在和浮动方向相同的方向上设置外边距(margin)，会引发双倍边距。
有关float的扫盲就先到这里，还有一点就是float毕竟是标准的属性，而且大多数的前端都习惯用它去实现页面，所以我的建议就是：深入理解 HTML语义和表现。
接着开始讲述 z-index和float 在IE6环境下擦出的坑爹的火花...先上一段代码：
看到

文章插图
个人理解可能是因为

文章插图
2.以 Iframe 作为div的子元素，覆盖 select 元素(推荐使用)
建立一个跟div同宽同高的iframe，并且z-index比div要低。

文章插图

注:在这里如果不加src属性,尽管iframe会把select挡住,但是由于默认iframe为白色,会影响原来的div背景色。解决方法可以加了一个空的HTML文件，并把body 的值设为和原来div背景色一致,这样就解决了默认白色背景色的问题，这里只是一种思路，办法总比困难多 ^_^ 。
本文结语
与很多做国内项目的前端一样，我也会常常忍不住诅咒IE，可是假如换个思考方式我们也得感谢它，工作因为它才有了更多挑战和成就感。
【ie下的css层叠z-index是什么原因？解决方法说明】对不理解CSS层叠朋友来说 z-index 确实是一个大坑，希望这篇文章能够给那些掉到坑内的朋友一些帮助。