CSS背景图拉伸自适应尺寸,全浏览器兼容
2015-04-30 10:23
369 查看
突然有人问我这个问题,说网上CSS filter的方法在非IE浏览器下不奏效。思考之后,问题之外让我感慨万千啊,很多我们所谓的难题,都会随着时代的发展迎刃而解,或被新的问题所取代。
当CSS背景图片拉伸这个问题产生时,CSS3也只是浮云....
对于IE而言网上常见的方法是使用CSS滤镜,但那时Firefox还小,Chrome还没出生,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%; }
相关文章推荐
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸,全浏览器兼容
- CSS背景图拉伸自适应尺寸
- 兼容各浏览器的css背景图片拉伸代码
- CSS背景图拉伸自适应尺寸
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- CSS背景图拉伸效果兼容FF/Chrome/IE等主流浏览器(亲测)
- CSS实现背景透明,文字不透明(各浏览器兼容)
- css中background:-webkit-gradient实现背景渐变效果,并且兼容各个浏览器
- CSS实现背景透明,文字不透明,兼容所有浏览器
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
- CSS实现背景图尺寸不随浏览器大小而变化的两种方法
- 实现body背景拉伸自适应 兼容chrome ie7,8,9.ie6未测试