css - 在 a 中拉伸图像用css IE8

Question

我想拉伸使用的图像<li>，因为图像大小的增加中的文本<li>不足以随着<li>. 我也不想重复这个图像。下面的代码适用于所有带有 CSS3 的最新浏览器，但我需要为 6 到 9 之间的所有 Internet Explorer 版本拉伸图像。如何做到这一点？

.Menu li a.active, .Menu li a.active:hover
{
    background-image: url('/images/11_MenuSelected.png');
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%; 
}

Answer 1

您可以将其用于 IE6-IE8。

filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/11_MenuSelected.png', sizingMethod='scale')";

问题是 src 是相对于 HTML 文档，而不是你的样式表。因此，它的行为与典型的样式规则不同。您可能想要更改它，以便 src 是相对于根的，因此它可以与不同路径结构的文档一起使用。