IE6 - 元素弹出和弹出

时间:2009-07-24 06:46:09

标签: css internet-explorer-6

http://img520.imageshack.us/img520/6951/723200995413pm.png

从上图中可以看出,IE6中的div基本上具有相同的标记,而css有时会弹出和移出位置,因为我移动鼠标。我没有任何悬停效果...

HTML标记

<pre>&lt;div class=&quot;block yellow shieldalert&quot;&gt;
  &lt;div class=&quot;content&quot;&gt;
    &lt;h6&gt;Shield Alert&lt;/h6&gt;
    &lt;pre class=&quot;brush:xhtml&quot;&gt;
    &lt;!-- content for syntax highlighting --&gt;
    &lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;</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>

2 个答案:

答案 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错误。