background-size为css3属性，用于设置背景图片的宽和高，但ie6，ie7，ie8下对css background-size并不支持，那么如何在ie下兼容background-size呢？
在ie下把图片完整的居中显示在一定范围内
在css中添加如下代码：
|
1
|
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xxx.jpg', sizingMethod='scale'); |
完整实例：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>让IE兼容background-size的方法</title> <style>.bgpic { background-image: url('http://img0.bdstatic.com/img/image/6992fdda3cc7cd98d10273a6b34233fb80e7aec90cc.jpg'); background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://img0.bdstatic.com/img/image/6992fdda3cc7cd98d10273a6b34233fb80e7aec90cc.jpg', sizingMethod='scale');}</style></head><body> <div class="bgpic" style="200px;height:100px;"></div> </body></html> |