首页 > 新闻 > 技术领域 > 正文

解决IE background-size

2014-7-21 16:47:55

现在有很多浏览器都支持CSS3了。但是IE有些浏览器还不支持,比如IE8IE9也是有些CSS3的属性会支持,但是有些也不支持。在这里就了解一下CSS3background-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%的效果了,注意这两个路径要一样,并且是绝对路径。

上一篇:大暑季节 下一篇:秋季吃什么好?7大干果最补血