CSS背景图拉伸自适应尺寸,全浏览器兼容
2016-05-30 16:04
302 查看
突然有人问我这个问题,说网上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%;
}
当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清除浮动
- 菜单动态选中的样式
- JS和css实现检测移动设备方向的变化并判断横竖屏幕
- css3:flexbox
- RadioButton去掉默认样式小圆点
- table消除 td 之间的间距
- Emmet:HTML/CSS代码快速编写神器
- 专为IE8做css hack(IE8 hack only)
- css 实现一个带尖角的正方形
- 结合CSS3的新特性来总结垂直居中的实现方法
- CSS 折角效果
- CSS 用display:inline-block代替float: left排版注意事项
- 初步学习 ionic css 布局
- CSS清除浮动的方法详解
- iTextSharp的使用,把DIV导出为PDF,样式不是很灵活
- CSS浮动所差生的内容溢出问题及清除浮动的方法小结
- CSS3实现头像旋转功能
- 关于before和after以及content的用法
- css:蓝环章鱼
- CSS浏览器兼容性问题,2