IE中的背景大小无法正常工作

时间:2012-11-14 21:21:37

标签: css internet-explorer

您好我在这里看了一些有相同主题的问题 作为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一样

编辑&gt;

我的HTML代码

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

1 个答案:

答案 0 :(得分:1)

我让你this fiddle进行实验。

在ie7 / ff中很好用。

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

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

小提琴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')";
}