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％，所以我建议您将其保留原样。