×

背景图片自适应分辨率浏览器大小自动拉伸全屏代码

一束花予她 一束花予她 发表于2022-03-24 13:14:32 浏览450 评论0

抢沙发发表评论

自动拉伸全屏代码


在制作页面的CSS样式的时候,一张漂亮漂亮的背景图是少不了的。为了考虑到每个访问者和用户的不同分辨率,我们会选择使用平铺色码或小图像作为背景。那么如何制作一张高清大图作为背景,无论访问者用户的分辨率是多少,都会自动拉伸显示。我一开始也担心这个问题。我在网上逛了一圈,咨询了朋友,找到了制作背景的方法。自动拉伸图片以适应浏览器窗口大小的代码,分享给有需要的朋友,只需将以下代码复制到页面<body>标签即可实现,当然如果你的大图太大,放到空间里下载很慢,可以把图片放到百度开发中心BAE里,就像我网站上的这些大图都托管在BAE里一样。如果使用此代码,请取消CSS样式中body标签的背景样式,此效果不支持IE6浏览器。

<div id="web_bg" style="position:absolute; width:100%; height:100%; z-index:-1"><img style="position:fixed;" src="http://a.lanyes.org/bg1.jpg" height="100%" width="100%" /></div>


群贤毕至

访客