您当前位置：首页 > web前端 > htmlcss > 背景图片自适应分辨率浏览器大小自动拉伸全屏代码

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

来源：程序员人生发布时间：2014-06-02 09:49:24 阅读次数：3351次

在制作页面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://xxxx.com/bg.jpg" height="100%" width="100%" />
</div>

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 DB2创建存储过程时遇到错误的解决方法

下一篇 为Linux系统加防火墙：APF的安装与设置

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点