Question

我正在尝试以下方法，该方法的确显示图像并相应缩放图像。但是，我希望宽度不是100％，而是80％。有什么办法可以实现这一点，并在下面使用以下方法？

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ColoradoConnectBanner.jpg', sizingMethod='scale');

Answer 1

您无法通过修改所使用的过滤器来设置宽度。

AlphaImageLoader Filter的对象有限，其中不包括设置宽度。

如果要设置图片的宽度，可以将图片放在div之类的容器中，并设置“ width”属性来满足您的要求。

有关此问题的更多信息，您可以单击以下线程链接。也许您可以从他们那里得到一些想法。

1。How do I make background-size work in IE?

2。progid:DXImageTransform.Microsoft.AlphaImageLoader causing links to be unclickable in ie8, ie7, and ie6

我制作了一个示例，您可以参考。 CSS。

.imageWrapper {
        display: block;
        width: 80%;
        height: 500px;
        background-image: url(Images/test2.jpg);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='Images/test2.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='Images/test2.jpg', sizingMethod='scale')";
    }

    .ie6 .imageWrapper,
    .ie7 .imageWrapper,
    .ie8 .imageWrapper {
        background-image: none;
    }

HTML。

<div class="imageWrapper">
    testtesttesttest
    testtesttesttest
</div>

编辑：这是我的工作结果：result

如何在IE8及以下版本中调整图像宽度

1 个答案: