css - IE 中的背景大小不起作用

Question

您好，我在这里查看了一些主题相同的问题作为here但不明白他是如何用 html 修复它的，就像他说的那样。和 here但不明白如何实现它的工作，不管怎样，我已经尝试过我的测试，但它似乎不起作用。

    <style>
 .foo {
   font-size : 14px ;
   background-size: 832px 578px;
   background-image: url("al0-2.png");
   background-repeat: no-repeat;
   width: 831px;
   height: 590px;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="al0-2.png",   
           sizingMethod="scale");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='al0-2.png', 
           sizingMethod='scale')";
     }
   </style>

解决此问题的任何帮助。我想让背景大小在所有 IE 中也能像 FF 一样正常工作

编辑>

我的html代码

      <div class="foo" ></div>

Answer 1

我做了 this fiddle供您实验。

它在 ie7/ff 中运行良好。

尽管如此，请注意在 IE7 中，将有 2 个背景:1 个来自背景，1 个来自过滤器。您应该以某种方式删除背景(例如:条件注释)。

在您的代码中，如果没有显示图片，则可能是您的图片链接已损坏。

fiddle CSS:

#foo {
    border:2px solid red;

    font-size : 14px ;
    background-size: 832px 578px;
    background-image: url('/img/logo.png');
    background-repeat: no-repeat;
    width: 831px;
    height: 590px;    


    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='/img/logo.png',
    sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='/img/logo.png',
    sizingMethod='scale')";
}