Internet Explorer背景大小问题

时间:2013-05-01 16:19:25

标签: javascript html css internet-explorer

我正在尝试使用IE 7IE 8中的背景尺寸属性。我知道他们不支持它,我正在尝试使用AlphaImageLoader来解决问题。我想在javascript中动态更改图像源,但我不确定如何。这是我的代码。

  var div = document.createElement('div');
  var imgSrc ='/images/' + image;

  div.className = 'div_element';
  div.style.width = '112px';
  div.style.height = '100px';
  div.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imgSrc, sizingMethod='scale')";

整个代码不起作用。 IE中没有显示图像。反正有没有这样做?非常感谢!

1 个答案:

答案 0 :(得分:1)

尝试this polyfill from Louis Remi,它提供IE版本的背景大小能力。在我的项目中,它为我创造了奇迹。它是一个简单的.htc文件(可能是.htaccess文件,具体取决于您的服务器配置)。

https://github.com/louisremi/background-size-polyfill