http://img520.imageshack.us/img520/6951/723200995413pm.png
从上图中可以看出,IE6中的div基本上具有相同的标记,而css有时会弹出和移出位置,因为我移动鼠标。我没有任何悬停效果...
HTML标记
<pre><div class="block yellow shieldalert">
<div class="content">
<h6>Shield Alert</h6>
<pre class="brush:xhtml">
<!-- content for syntax highlighting -->
</pre>
</div>
</div></pre>
CSS(部分)
<pre>div.block {
border: 1px solid;
padding-left: 32px;
margin: 5px 0;
background-repeat: no-repeat;
background-position: 8px 5px;
background-color: #ebebeb;
border-color: #d7d7d7;
}
div.content {
background-color: white;
padding: 2px 10px 1px 10px;
border-left: 1px solid #d7d7d7;
}
div.yellow {
background-color: #fff67f;
border: 1px solid #e6e089;
}
div.yellow div.content {
background-color: #fffde0;
border-left: 1px solid #e6e089;
}
div.yellow h1, div.yellow h2, div.yellow h3, div.yellow h4, div.yellow h5, div.yellow h6 {
color: #cfcd13;
}
div.shieldalert {
background-image: url(../images/div/info-shieldalert.png);
}</pre>
答案 0 :(得分:2)
我还发现,当你遇到闪烁/偷看())的东西时,有时候提高身高是有帮助的:1%;在上面。我经常制定规则:
* html .ie6-fix
{
height: 1%;
}
然后将课程应用于任何在ie6中给我带来麻烦的事情。除了Internet Explorer之外,这将在浏览器中被忽略。
答案 1 :(得分:0)
可能是IE6 peek-a-boo错误吗?
尝试包含此脚本:Dean Edwards' IE8.js script。它修复了peek-a-boo和其他几个bug,并使IE6(和IE7)更像是一个最新的浏览器。 Have a look at the list of things it fixes/implements
顺便说一句,您需要包含ie7-squish.js
来修复IE6错误。