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
  • 37,241
  • 25
  • 195
  • 267
Anders
  • 21
  • 1

1 Answers1

0

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

Luca Detomi
  • 5,564
  • 7
  • 52
  • 77