NEWS

Monday, December 2, 2013

How do I make background-size work in IE 8 and below versions?

A bit late, but this could also be useful. There is an IE filter, for IE 5.5+, which you can apply:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";
However, this scales the entire image to fit in the allocated area. So if your using a sprite, this may cause issues.
But this will not allow the links and buttons on the div clickable, for the workaround you need to change the z-index of the div or panel like below:


Untitled Document




inhoud link b jkdsf
vdf
v
dfv
dfs
v
dfv
dsf
v
dsf
v
inhoud link b jkdsf
sdf
v
dsf
v
fdsv
sdf
v
dsf
v
fdsv
fds
v
dfsv
dsf
vsd
 

courtesy: http://stackoverflow.com/questions/2991623/how-do-i-make-background-size-work-in-ie
http://www.sitepoint.com/forums/showthread.php?462588-filter-progid-DXImageTransform-Microsoft-AlphaImageLoader-problem-in-IE6

8 comments: