yinliang

CSS背景图拉伸自适应尺寸,全浏览器兼容

突然有人问我这个问题,说网上CSS filter的方法在非IE浏览器下不奏效。思考之后,问题之外让我感慨万千啊,很多我们所谓的难题,都会随着时代的发展迎刃而解,或被新的问题所取代。

当CSS背景图片拉伸这个问题产生时,CSS3也只是浮云....

对于IE而言网上常见的方法是使用CSS滤镜,但那时Firefox还小,Chrome还没出生,IE称霸天下....。但如今,我们用三四行简短的代码就能实现全浏览器兼容的方法:

.bg{  
background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);  
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=\'scale\')";  
-moz-background-size:100% 100%;  
    background-size:100% 100%;  
}  

源码调试:http://jsfiddle.net/wyongzhi/r3vM7/

发表于 2016-07-13 16:40  潜水的阳光  阅读(579)  评论(0编辑  收藏  举报
 

分类:

技术点:

相关文章:

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