蓝叶博客

青春是一个充满活力的季节,即便是我们失去了天使的翅膀,只要我们还有一颗青春的心,那么我们的生活依然能够如阳光般灿烂!......
现在位置:首页 > 网站设计 > 背景图片自适应分辨率浏览器大小自动拉伸全屏代码

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

蓝叶    网站设计    2012-12-06    25871    4评论    已收录

在制作页面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>
评论一下 分享本文 赞助蓝叶

赞助蓝叶X

扫码赞助蓝叶
联系站长
蓝叶博客
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
彭大帅
彭大帅2016-08-25 10:56回复
#4
多些分享
Nicholas
Nicholas2015-11-22 22:18回复
#3
顶一个!!!完美解决了我作业的问题
英文网站建设
英文网站建设2012-12-06 17:08回复
#2
呵呵,你的博客还做了个试验
dualdng
dualdng2012-12-06 15:07回复
#1
先mark下找到好的背景图再换上
快捷导航返回顶部
你问我答
技术QQ群
音乐QQ群
付费服务
音乐欣赏
友情链接
保存桌面
给我留言
返回顶部