IE6雙填充程序錯誤

我創建了一些在其他瀏覽器中顯示正常的彩色框，但IE6沒有正確顯示它們。在任何人詢問或諷刺我爲什麼我很困擾支持IE6之前，這不是我的決定，而是我的經理。IE6雙填充程序錯誤

其意圖是每個彩色方塊形成一個220像素×220像素的正方形，如下面的jsFiddle所示。 .awards_square_enter類中的屬性height:100px;和padding: 20px 0 100px 20px;給出的框高度爲220px。

我還添加了一些填充到以嵌套.awards_square_enter這是padding: 45px 0 0 30px;這種填充似乎IE6增加了一倍，並增加了盒子的高度超出220px的<span class="enter">。

http://jsfiddle.net/kFRrM/

.awards_square_enter a { 
    background-image: url("../images/icons/right_arrow.png"); 
    background-repeat: no-repeat; 
    background-position: 11% 85%; 
    display:block; 
    font-size: 30px; 
    height:100px; 
    line-height: 1.1em; 
    height:100px; 
    padding: 20px 0 100px 20px; 
}

這裏是如何出現在IE6延伸超過220px高度：

enter image description here

來源

2013-04-29 user1554264

您是否嘗試過擺脫雙填充錯誤的傳統方法？ http://breakthroughdesign.com/css-ie-double-padding-bug/851。還應該注意的是，較舊的IE版本具有盒模型的不正確實現（類似於「框尺寸：邊框」）。 – cimmanon 2013-04-29 16:23:35

所以申請單獨的樣式通過條件註釋IE6。改變你爲兩者設置的填充，直到它們等於你想要的樣式，在只有去的樣式中即可6

來源

2013-04-30 13:01:28 albert

IE6雙填充程序錯誤

回答

相關問題