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爲usnig它。但我期望它能夠適用於所有瀏覽器，甚至是舊版瀏覽器。

Answer 1

如果必須支持IE7添加變焦：1和*顯示：內聯（星入侵目標IE6 & 7），使IE 7顯示他們，如果他們是inline-block的。 但是，這可能會有其他影響，你不想要的。

#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

正如你可以看到here，IE7不支持display:table所以你h2呈現與display:block（標準display爲h2），造成您的問題。

由於IE7的全球使用率約爲0.1％，所以我建議您將其保留原樣。