2

I've been working on getting my site optimized for IE8 and older, and I've been using a lot of Background-size in the css to adjust the images which have messed up the sizes in IE...

I got the IE (filter) workaround to work, however my issue is that, now the image appears twice on top of eachother, - (before and after the work around). My css is as follows:

#kompetancer table tr td #os_icon {
background: url(images/os_icon.png) no-repeat;
display: block;
width: 90px;
height: 90px;
position: absolute;
background-size: contain;
-webkit-background-size:contain;
-moz-background-size:contain;
-o-background-size:contain;
-ms-background-size:contain;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/theme-name/images/os_icon.png', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/theme-name/images/os_icon.png', sizingMethod='scale');
}
Cœur
  • 34,719
  • 24
  • 185
  • 251
Anders
  • 21
  • 1

1 Answers1

0

You should use a JS polyfill for IE8, like background-size-polyfill :-)

Luca Detomi
  • 5,220
  • 7
  • 48
  • 73