兼容各浏览器的css背景图片拉伸代码
需要用到背景图拉伸,找到了下面这段css代码:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='***.jpg' ,sizingMethod= 'scale' );
在ie中试用了一下还不错,背景图片可以拉伸了,但看到用了滤镜,看来火狐、谷歌等应该不兼容吧,用火狐、谷歌测试了下,背景图片没有了。东找西找,终于找到了可以兼容各个浏览器的css背景图片拉伸代码:
background-image:url(***.jpg);
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
-moz-border-image: url(scale.jpg) 0;
<!--[if lt IE 9]>
background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/second.jpg', sizingMethod='scale');
<![endif]--> }
用ie6,7,8,9以及谷歌、火狐浏览器测试了效果,全部通过了。