背景图片自适应分辨率浏览器大小自动拉伸全屏代码
2016-03-19 10:48
567 查看
<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>
在制作页面CSS样式的时候,一个好看绚丽的效果背景图片是少不了的,为了考虑到每个访客 用户的分辨率大小都不相同,我们会选择使用可以平铺的颜色代码或者小图片作为背景,那么如何让一张高清大图作为背景,不论访客用户的分辨率大小如何,都会 自动拉伸显示呢,开始对于这个问题我也苦恼,在网上逛了一圈咨询了朋友,从中找到了让背景图片自适应浏览器窗口大小而自动拉伸的代码,分享给有需要的朋 友,只需将以下代码复制到页面<body>标签下面即可实现,当然了如果你的大图超大放到空间里面下载很慢,你可以把图片放到百度开发中心 BAE里面去,就如我站现在的这些大图都是放在BAE里面托管的。如果使用加入此代码后,请取消CSS样式中body标签处的背景样式,另外此效果不支持 IE6浏览器。
相关文章推荐
- 友元简介:友元函数,友元类和友元成员函数
- hadoop0.20.2 eclipse插件安装指南
- aspx
- php 格式
- C++分离类模板的声明和定义
- 深入理解Java虚拟机笔记---内存区域
- c++实验2-标准体重
- 在Myeclipse中用Java语言操作mysql数据库
- PHP中的字符串替换(str_replace)
- C#: 过程或函数""需要""参数,但未提供该参数
- QML C++ TableView + Model 处理
- Java方法签名与JNI,反射
- PHP字符串的替换(preg_replace)
- php 扩展sqlsrv调用mssql存储过程
- java高级特性——泛型
- C#上机实验(三)
- Java之Ajax技术
- (转)C# 温故而知新:Stream篇(—)
- 第一个Struts2程序
- 浅谈 const 与 define 的区别(PHP)