lorence

需要用到背景图拉伸,找到了下面这段css代码:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'***.jpg\' ,
sizingMethod= \'scale\' );

css
在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以及谷歌、火狐浏览器测试了效果,全部通过了。

分类:

技术点:

相关文章:

  • 2022-01-03
  • 2022-02-22
  • 2022-12-23
  • 2021-09-14
  • 2022-01-30
  • 2022-02-07
  • 2022-12-23
  • 2022-02-08
猜你喜欢
  • 2022-02-13
  • 2022-01-11
  • 2021-11-24
  • 2021-11-18
  • 2021-12-08
  • 2021-11-18
  • 2022-12-23
相关资源
相似解决方案