现在有很多浏览器都支持CSS3了。但是IE有些浏览器还不支持,比如IE8,IE9也是有些CSS3的属性会支持,但是有些也不支持。在这里就了解一下CSS3的background-size。
在支持CSS3的浏览器上很容易让背景图片全部显示,并且填满整个容器,很容易,但是在IE的一些版本就不支持background-size这个属性,这时候我们怎么办呢?在IE不支持这个属性的时候我们可以通过滤镜来实现这样的一个效果。
代码如下:
background-image: url('file:///F:/CHiQ3/images/flashbg.jpg');
background-size: cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='file:///F:/CHiQ3/images/flashbg.jpg', sizing
Method='scale');
这样就可以让IE也实现background-size:100%100%的效果了,注意这两个路径要一样,并且是绝对路径。