→
→
→
在页面设计时，经常会使用div制作蒙版或模拟弹出窗口，但在IE6下，当div下方有下拉列表框select元素的时候，下拉列表框会划破div显示在div之上，不论z-index设为何值均会出现此问题，可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴高度失控。但是IE6有一个神奇的逻辑，div 无法覆盖select,但是iframe 可以覆盖select，而div可以覆盖iframe，所以解决办法就是用Z轴高度更高的Iframe元素，包裹或覆盖住下拉列表框控件，使其回到正常的Z轴高度上来！
解决办法一：Iframe包裹select元素
解决办法二：以Iframe作为div的子元素，覆盖select元素
转自：http://www.cnblogs.com/stu-acer/archive/2009/06/24/1510416.html
此外还有jQuery插件解决方案：
http://lxy19791111.javaeye.com/blog/285162
http://lxy19791111.javaeye.com/blog/285177
解决办法一：Iframe包裹select元素
<iframe style="z-index:1" style="z-index:1"><!-- 用iframe 解决此bug -->
<select name="country">
<option value="1">china</option>
<option value="2">japanese</option>
<option value="1">U.S.A</option>
</select>
</iframe>
<select name="country">
<option value="1">china</option>
<option value="2">japanese</option>
<option value="1">U.S.A</option>
</select>
</iframe>
解决办法二：以Iframe作为div的子元素，覆盖select元素
.T_iframe
{
position: absolute;/*绝对定位保证iframe不会占用流布局空间*/
width: 100%; /*100%保证可以覆盖整个div*/
height: 100%;
z-index:-1; /*-1保证iframe显示在div下方*/
}
.T_div
{
position: absolute;
left:100px;
top:50px;
width: 300px;
height: 200px;
background : blue;
z-index:100;
}
<div class="T_div">
<span>这里可以包含其他dom元素</span>
<iframe class="T_iframe"></iframe>
</div>
{
position: absolute;/*绝对定位保证iframe不会占用流布局空间*/
width: 100%; /*100%保证可以覆盖整个div*/
height: 100%;
z-index:-1; /*-1保证iframe显示在div下方*/
}
.T_div
{
position: absolute;
left:100px;
top:50px;
width: 300px;
height: 200px;
background : blue;
z-index:100;
}
<div class="T_div">
<span>这里可以包含其他dom元素</span>
<iframe class="T_iframe"></iframe>
</div>
转自：http://www.cnblogs.com/stu-acer/archive/2009/06/24/1510416.html
此外还有jQuery插件解决方案：
http://lxy19791111.javaeye.com/blog/285162
http://lxy19791111.javaeye.com/blog/285177
在IE 6上，当li元素包含块级元素，并代码中各li项之间有空格存在，那么将会出现这个BUG。
< 以上为文章一部分，有兴趣请 阅读全文 >
BUG症状：当在一个容器里文字和img、input、textarea、select/、object等元素相连的时候，对这个容器设置的line-height数值会失效；
受影响的浏览器：
·Microsoft Internet Explorer 5.01 / Windows
·Microsoft Internet Explorer 5.5 / Windows
·Microsoft Internet Explorer 6
< 以上为文章一部分，有兴趣请 阅读全文 >
Tags: line-height , bug
对于标准架构div+css的推广中，不少朋友都遇到过高度自适应的问题，网上的方法也有很多，网上有朋友总结了“解决列高度自适应(列高度相同)的五种方法”，由于最近做项目时候遇到一个类似的问题，所以打算再做一次深入的探讨，以下的讨论都要求结果必须要在IE和Firefox下浏览效果相同。
< 以上为文章一部分，有兴趣请 阅读全文 >
在最新的css标准中，浮动元素float是不影响盒层结构布局的，最多也就影响到排列问题，这就出现了一个现象就是父容器不会自适应所包含的float的高度，比如A包含B，B的高度是h，按照常规的思路，A的高度至少是大于h的，结果由于B是float元素，所以A的高度最终将忽略h，在IE中这个bug好像叫做：Peekaboo bug。
< 以上为文章一部分，有兴趣请 阅读全文 >
做这个blog的时候是自己定制的皮肤，由于div＋css的构架貌似平常，不过深究起来也可以说博大精深，这次就我遇到的这个css中遇到的问题做个总结，这种问题如果不知道对策，只是从理论上分析会白头发的:-)
< 以上为文章一部分，有兴趣请 阅读全文 >
