兼容各浏览器的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以及谷歌、火狐浏览器测试了效果，全部通过了。

转载于:https://www.cnblogs.com/lorence/p/2796425.html