<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<!--css-->
<style>
.fixed-bg {
background-image: url("bg1_1600.jpg");
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.fixed-bg2 {
background-image: url(" avds.jpg");
min-height: 300px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<!--不带图-->
<p>这是没有带图的背景</p>
<!--带图-->
<div class="fixed-bg">这是已经带图的,可以在css里面设置图片的属性</div>
<!--不带图-->
<div style="height:800px;background-color:white;">这是没有带图的背景(height = 800 ).</div>
<!--带图-->
<div class="fixed-bg2">这是已经带图的,可以在css里面设置图片的属性</div>
<!--带图-->
<div class="fixed-bg">这是没有带图的背景</div>
</body>
</html>
效果源码背景固定,内容滚动
需积分: 0 132 浏览量
2017-06-29
10:23:30
上传
评论
收藏 291KB ZIP 举报
kevin.yau
- 粉丝: 40
- 资源: 4
最新资源
- NT98336 SDK 114版本
- torch-1.8.1+cu111-cp38-cp38-linux-x86-64.whl +torchvision
- 计算机设计 - VB+ACCESS网络计时管理系统设计(源代码+系统),保证可靠运行,毕业生可参考,免费资源下载
- 计算机设计 - vb+ACCESS身份证管理系统设计(LW+源代码),保证可靠运行,毕业生可参考,免费资源下载
- ARCMAP自动编号工具
- W801学习笔记十三:掌机系统-系统基础组件-PNG-loader
- studydatastruct3
- XHS链接提取/作品采集工具
- general-exporter windows
- kotlin语法快速入门文档
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈