CSS-背景4-内容滚动背景图固定
2017-08-10 本文已影响0人
Java小工匠
1、内容滚动背景图固定在指定位置
素材：
bg.png
源代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>背景图不随内容滚动</title>
<style type="text/css">
body{
background: url(bg.png) no-repeat fixed center;
}
</style>
</head>
<body>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
测试内容<br/>
</body>
</html>
**运行效果： **
内容滚动，图片不滚动。
image.png
