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的高度會增加

回答

相關問題