Css IE6-元素弹出和弹出

Css IE6-元素弹出和弹出,css,internet-explorer-6,Css,Internet Explorer 6,从上图中可以看到,在IE6中,当我移动鼠标时,具有基本相同标记和css的div有时会弹出或弹出位置。我没有任何悬停效果 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

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

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>
* html .ie6-fix
{
     height: 1%;
}
div class=“块黄色挡板警报”
div class=“内容”
h6屏蔽警报/h6
pre class=“brush:xhtml”
!-- 语法突出显示的内容--
/前
/div
/div
CSS(部分)

div.block{
边框:1px实心;
左侧填充:32px;
保证金:5px0;
背景重复:无重复;
背景位置:8px 5px;
背景色:#ebebebeb;
边框颜色:#d7d7d7;
}
部门内容{
背景色:白色;
填充:2x10px 1x10px;
左边框:1px实心#d7d7;
}
黄色分区{
背景色:#fff67f;
边框:1px实心#e6e089;
}
黄色分区内容{
背景色:#fffde0;
左边框:1px实心#e6e089;
}
黄色分区h1、黄色分区h2、黄色分区h3、黄色分区h4、黄色分区h5、黄色分区h6{
颜色:#cfcd13;
}
防护罩{
背景图像:url(../images/div/info shieldalert.png);
}
可能是错误吗

请尝试包含此脚本:。它修复了peek-a-boo漏洞和其他几个漏洞,并使IE6(和IE7)的行为更像一个最新的浏览器


顺便说一句,你需要包括
ie7 squish.js
来修复IE6的bug。

我还发现,当你遇到东西闪烁/peek-a-boo(ing)的问题时,有时设置一个高度是有帮助的:1%;在上面。我经常制定一条规则:


然后把这门课应用到在ie6中给我带来麻烦的任何事情上。无论如何,除了internet explorer之外,浏览器中也会忽略这一点。

CSS:hover除了IE6中的锚定标记外,对任何东西都不起作用。你有JS吗?JS。是的,但是。。。这有关系吗?我认为任何js都不会对受影响的div进行修改/工作。是的。身高:1%;解决它。我注意到,有时,将宽度/高度设置为1%可能会导致元素变得更小。有时情况并非如此。什么时候使元素变小?什么时候没有?看看那个链接。当您没有在某些元素上实际放置高度,而是推断高度时,就会出现错误。很难说这个规则什么时候会影响高度,什么时候不会,但是你可以用一个更具体的规则覆盖1%的规则。只要明确地为元素指定高度,就会获得相同的效果。
* html .ie6-fix
{
     height: 1%;
}