IE6错误。在触发悬停时，div的高度会增加

我有一个页面，上面有一个“标签”列表，就像SO中的这个一样，当鼠标悬停在它上面时，它会变暗。IE6错误。在触发悬停时，div的高度会增加

它适用于Ie7,8，FF，Chrome，Safari等...但IE6有一个错误，当一个：悬停触发。

错误在于那些包含这些（div li）的div会获得高度增加。

的CSS我是：

div.options ul.tags li a:hover 
{ 
    background-color: #D5E4A5; 
}

如果我删除这种风格或只是评论 “背景色：＃D5E4A5;”它不会发生...

任何想法如何解决它？

谢谢！

编辑：这里是错误的截图：（？或者是它的利润）

alt text http://i38.tinypic.com/28bvhxf.jpg

来源

2009-02-01 Bruno

很好的截图。尽管需要更多的代码。 – 2009-02-01 02:12:46

你能发布一个链接到你的网站？ – strager 2009-02-01 02:14:15

只是修好了！：d

什么我以前是：

<div class="options clearfix"> 
    <!--content here--> 
</div>

，我取代了：

<div class="options"> 
    <div class="clearfix"> 
     <!--content here--> 
    </div> 
</div>

现在IE6是幸福的，我很高兴，以及...

谢谢大家的帮助！

来源

2009-02-01 02:38:08 Bruno

我觉得我碰到了这一次，发生了什么事情是，国界正在修改我最终结果出来了，只是给有问题的元素一个1px的透明边框，并将其称为一天。

我真的怀疑这会变成你的解决方案，但我希望它会给你一些想法在哪个方向看！

来源

2009-02-01 00:49:38 scraimer

我以前也遇到过这种情况，但我不记得确切的位置。我想我已经解决了它，但我不完全确定如何。我能想到两件事：

给元素"layout"。我倾向于这样做，zoom: 1。
将vertical-align: top添加到a或li元素。

你能给出一个更完整的代码示例吗？我不能用这个CSS重现它。

来源

2009-02-01 00:52:55 mercator

您是否明确指定了该div的高度？如果没有，设置高度可能会使其消失。

来源

2009-02-01 01:04:15

标签是否位于您可以随时为其提供背景颜色的地方？如果是这样，在下列情况下设置背景颜色：悬停未激活仍导致其高度改变？

作为一个说明，我无法重现这个给定的HTML匹配您所描述的规则，所以问题可能来自页面上更高的地方。

<!-- This does not display the described behavior --> 
<div class="options"> 
    <ul class="tags"> 
    <li><a href="#">c++</a></li> 
    <li><a href="#">not-programming-related</a></li> 
    <li><a href="#">cheese</a></li> 
    <li><a href="#">barnacle</a></li> 
    </ul> 
</div>

我可以建议最好的办法是做所说的墨卡托并给予元素的布局。

编辑：只是瞎猜，但你可能要尝试div.options为行高设置值。

编辑2：看到你的截图后，我记得我以前曾经有过在工作这个问题，在我的情况下，修复是 ~~position:relative;~~ zoom:1;添加到容器 ~~（或可能的联系，我忘了！）~~ 。试试吗？

编辑3：对于某些解决方案，在googling之后，您可能想要明确地设置容器的高度。如果this不起作用，我不知道该怎么办！

来源

2009-02-01 01:06:30

这通常是最初没有定义的边界设置。尝试在增长的DIV上将边框设置为默认背景色。我的猜测是，你不会看到任何成长。

来源

2009-02-01 01:20:33

我也有这个确切的问题。触发器绝对是悬停时的背景颜色，但给父母hasLayout的通常解决方案不起作用，我认为是因为在其他标签中嵌套了A标签。从我最终做的事情来看，你的解决方案是嵌套明确的解决方案是正确的逻辑：分离出错的元素，父母和清除对象。

我做的解决方案是以下几点：

<div class="options"> 
<!--content here--> 
<!--[if lte IE 6]><div class="ie6clear"></div><![endif]--> 
</div>

用下面的CSS：

.ie6clear{ clear:both; height:0; overflow:hidden; }

这样的clearfix CSS只适用于IE6，突出了多余的标记是什么，当不再支持IE6时，可以轻松删除它。

来源

2009-10-01 12:31:14 mummybot

IE6错误。在触发悬停时，div的高度会增加

回答

相关问题