CODEWITHSUNDEEP
cssinternet-explorer-8internet-explorer-7background-image
Morten Repsdorph Husfeldt
Morten Repsdorph Husfeldt

Reputation: 1003

CSS for IE 8 and below - div background image size

I have a div whith the following style:

.pricemark {
  background: url(/Files/System/ui/vispris.png) no-repeat scroll 0 0 transparent;
  background-position: center center;
  background-size: 110%;
  background-size: 30%\9; }

However, in IE8 and below the image-size 110% is interpreted as 110% of the image size whereas all other browsers sees this as the div size.

Hence, in IE8 and below it's not shown correct. I've attempted the hack:

background-size: 30%\9;

But the result is still the same. Any ideas?

Upvotes: 0

Views: 2073

Answers (1)

Sven Bieder
Sven Bieder

Reputation: 5681

IE8 and below do not support the background-size property.

One way to deal with it would be:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/Files/System/ui/vispris.png',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/Files/System/ui/vispris.png',
sizingMethod='scale')";

Upvotes: 1

Related Questions