⽹页背景图⽚⾃动适应窗⼝⼤⼩的代码
前⼏天在做⼀个⽹页想把⼀个分辨率⽐较⼤的⼀个背景图⽚⾃动适应窗⼝⼤⼩,但是⽹上搜了下⼤都是使⽤
JS控制⽹页背景随窗⼝⼤⼩⾃动适应的,⽽且⼤都效果不理想,最后终于到了⼀个简单的办法本来是想看看css能不能实现背景图⽚⾃动适应窗⼝的的,但是可惜的是在CSS2中,背景图的⼤⼩在样式中
css简单网页代码是不可控的,⽐如要想使得背景图填充满某个区域,你要么重新做张⼤点的图,要么就只能让它以平铺的⽅
式来填充。想⽤css3中的background-size吧,但是它现在兼容性不是很好,对于IE来说只能兼容IE9 所以下⾯我就使⽤了下⾯的⽅法成功的把⼀个1920x1200的图⽚⾃动适应窗⼝ <body> <img src="./1.jpg" width="100%" height="100%" > 这⾥是你⾃⼰写的其他东西 </body>
⼤家有兴趣的也可以试试!没有什么复杂的脚本也可以实现⽹页背景图⽚⾃动适应窗⼝⼤⼩!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论