IE7-背景顏色過寬

Question

我在圖片上方有一些文字。

在新的瀏覽器中，它工作正常。

但是當我簽入IE7時，它看起來像這樣：

IE7非常熱衷於為背景顏色提供100％的寬度。 而且我不希望通過設置寬度來修復它，因為文本的長度會因頁面而異。

我的CSS看起來像這樣：

#sub-slideshow-wrapper h2 {
font-family: 'Droid Sans',sans-serif;
display: table;
font-size: 20px;
font-weight: 900;
color: #000;
background: #e68e47; 
background: rgba(230,142,71,0.8);
padding: 7px;
margin: 0 0 3px 0;
}

而且我知道IE7已過時，只有1.xxx可用。 但是我希望它能在所有瀏覽器上運行，甚至是舊的瀏覽器。

Answer 1

如果您必須支持IE7，請添加zoom：1和* display：inline（針對IE6和7的星級黑客），以使IE 7將它們顯示為內聯塊。 但是，這可能會產生您不想要的其他效果。

#sub-slideshow-wrapper h2 {
font-family: 'Droid Sans',sans-serif;

zoom: 1; /* added */
*display: inline; /* added */

display: table;
font-size: 20px;
font-weight: 900;
color: #000;
background: #e68e47; 
background: rgba(230,142,71,0.8);
padding: 7px;
margin: 0 0 3px 0;
}

Answer 2

正如您在此處看到的那樣，IE7不支持display:table因此您的h2使用display:block （ h2的標准display進行渲染，從而引起您的問題。

由於IE7的全球使用率約為0.1％，因此我建議您保持原樣。