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