Alternative to background-size using IE7

Question

I'm working on this: http://www.shbarcelona.es/whoweare/debug

In Firefox and Chrome all works fine but the problem comes in background-size property which is not supported on IE7 and I'm used this property all time.

I've been looking at alternatives on google but any works correctly. Any tips?

Answer 1

You can use :

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

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

But if you use sprites you can have some issues...

Sources : AlphaImageLoader Filter @microsoft

Answer 2

PPK shows that it is not supported in IE <9 http://www.quirksmode.org/css/backgrounds-borders/

Paul Irish et al have some say too: http://html5please.com/#background

and I found this polyfill: https://github.com/louisremi/background-size-polyfill also found http://ianfeather.co.uk/ten-reasons-we-switched-from-an-icon-font-to-svg/ that says that polyfill crashed ie8.