Question

有谁知道为什么下面的代码不起作用？我真的想使用这个方法而不是任何JavaScript方法。我也试过绝对的路径，但没有运气。

.test {
    width: 500px; /* Must Specify Width */
    height: 176px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../images/test-bg.png');
}

Answer 1

我认为sizingMethod=scale必须是sizingMethod="scale"

Answer 2

我看到你已尝试过一条绝对路径，但是你是否尝试过该路径，而不是包括该路径？

因此，如果完整路径为“http://www.example.co.uk/images/test.png”，您只需使用“/images/test.png”

这就是我过去使用它的方式

Answer 3

尝试：

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/test-bg.png', sizingMethod=scale, enabled="true");

Answer 4

与CSS文件中的其他文件引用不同，filter属性的src属性与浏览器中的URL相关。因此，对于您的示例代码，假设images文件夹位于http://www.yoursite.com/images且您使用的src为../images/test-bg.png：

http://www.yoursite.com/                                -> Doesn't work
http://www.yoursite.com/some-page/                      -> Works
http://www.yoursite.com/some-page/another-level-deeper/ -> Doesn't work

最好的方法是使用相对于根的路径，如下所示：

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/test-bg.png',sizingMethod='scale');

如果这不是问题，另一种可能性是图像的尺寸可能太小。在过去，我发现拉伸1x1像素的图像可能有问题，有时无法正确渲染。此实例中的解决方法是使用更大的图像（超过5x5像素）。

IE修复png无法正常工作

4 个答案: