1

hi i have looked to some questions here which have same subject as here but didnt understand how he fixed it with html as he said. and here but didnt understand how to implement it to work , anyway i have tried mine to test it but it doesnt seem to work.

    <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>

any help to fix this . im wanting to let background-size works good in all IE also as FF do

EDIT>

my html code

      <div class="foo" ></div>
Community
  • 1
  • 1
echo_Me
  • 37,078
  • 5
  • 58
  • 78

1 Answers1

1

I made this fiddle for you to experiment.

It works nicely in ie7/ff.

Although, note that in IE7, there will be 2 backgrounds : 1 from the background and 1 from the filter. You should remove the background one in someway (exemple : conditionnal comments).

In your code, if no image are displayed, maybe your image links are broken.

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')";
}
Kraz
  • 6,910
  • 6
  • 42
  • 70