设置背景图片不随浏览器放大而改变(背景固定，只上层div滚动)

本文展示了如何使用固定背景图片与div元素相结合，实现网站的美观与功能性。通过CSS样式，设置背景图片的位置、大小、重复方式及固定属性，使背景图片在不同设备上都能适配并保持美观。同时，利用div元素定位与样式调整，实现内容区域的合理布局，提升用户体验。
摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >
<html xmlns="http://www.w3.org/1999/xhtml">
　　　<head>
　　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
　　　<title>onunload测试</title>

<style type="text/css">
body{ margin:0; padding:0;} 
#con{ 
position:fixed; 
top:0; 
left:0; 
height:100%; 
width:100%; 
background-image:url("t01a3c415ab2e1e4223.jpg"); 
background-position: center 0; 
background-repeat: no-repeat; 
background-attachment:fixed; 
background-size: cover; 
-webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ 
-o-background-size: cover;/* 兼容Opera */ 
zoom: -1; 
z-index:-99;
} 
</style>
　　　</head>
　　　<body><div id="con"></div>
<body><div id="con2">
adfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfasdfasdfasdfasdfasdfas三等奖三等奖口技刷卡弓箭手的疯狂弓箭手的故事的风格
asdf<br>sadfas
</div>
<footer id="footer">
<nav id="ft_nav">
<a target="_blank" data-linkid="1" href="http://info.so.com/feedback.html">意见反馈</a>
|
<a target="_blank" data-linkid="2" href="http://zhanzhang.so.com">站长平台</a>
|
<a target="_blank" data-linkid="3" href="http://info.so.com/about.html">关于我们</a>
|
<a id="weixinlk" href="javascript:void('weixin');">
|
<a target="_blank" data-linkid="4" href="http://www.so.com/help/help_1_1.html">使用帮助</a>
|
<a target="_blank" data-linkid="4" href="http://www.so.com/help/help_iduty.html">使用前必读</a>
|
<a target="_blank" data-linkid="5" href="http://e.360.cn?src=srp">推广合作</a>
</nav>
<p id="ft_copyright">Copyright © 360.CN  京ICP备08010314号-19  京公网安备110000000006号</p>
</footer>
　　　</body>
　　　</html>