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，请添加缩放：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

正如您所看到的，here，IE7不支持display:table，因此您的h2会以display:block呈现display h2 }），导致你的问题。

由于IE7的全球使用率约为0.1％，我建议你保持原样。