WEB网页如何让背景图片跟随可视窗口自适应大小
2024-08-30 06:06:12
HTML代码
<body id="body">
<div class="info-wrapper">
<div class="content">
</div>
</div>
</div>
CSS代码
body{
font-size: 16px;
font-family: Arial;
max-width: 1920px;
min-width: 1180px;
margin:0 auto;
overflow-y:scroll;
} .info-wrapper{
position: absolute;
margin: 0px;
width: 100%;
height: 560px;
top: 1563px;
text-align: center;
} .content{
width: 100%;
height: 560px;
margin: 0 auto;
overflow: hidden;
background: url(../images/index/background.png) no-repeat;
}
JS代码
var screenWidth=$(window).width(); $("#body").css("width",screenWidth);
最新文章
- 斯坦福第十九课:总结(Conclusion)
- ahjesus ubuntu10.4安装ruby2.1.1
- OpenGL的glViewPort窗口设置函数实现分屏
- PHP中如何获取多个checkbox的值
- 基本Linux命令总结
- COJ 0501 取数游戏(TPM)
- C++中,new/delete和malloc/free的区别
- listview相关代码整理
- 21.jQuery
- ConcurrentLinkedQueue简介
- Linux基础命令(三)——>;文件过滤及内容编辑处理命令
- C语言库函数syslog
- 可以作为瘟到死(windows)路径的字符
- DML DDL DCL
- ASP.NET中HttpApplication中ProcessRequest方法中运行的事件顺序;ASP.NET WebForm和MVC总体请求流程图
- BZOJ4372 烁烁的游戏(动态点分治+线段树)
- Celery的Web监控管理--Flower
- Linux之HugePages快速配置
- 自签名证书说明——自签名证书的Issuer和Subject是一样的。不安全的原因是:没有得到专业SSL证书颁发的机构的技术支持?比如使用不安全的1024位非对称密钥对,有效期设置很长等
- L1-055 谁是赢家