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是相对于root的，所以它可以用于不同路径结构的文档。

使用css IE8 </li>在<li>中拉伸图像

1 个答案: