设置背景图自适应大小

编程入门 行业动态 更新时间:2024-10-10 09:22:36

设置背景图<a href=https://www.elefans.com/category/jswz/34/1769425.html style=自适应大小"/>

设置背景图自适应大小

转自:/

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

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

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

.bg{
background:url(.jpg);
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;background-size:100% 100%;
}

更多推荐

设置背景图自适应大小

本文发布于:2024-03-07 22:46:45,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1719114.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:自适应   大小   背景图

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!