1、內(nèi)容滾動(dòng)背景圖固定在指定位置
素材：
bg.png
源代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>背景圖不隨內(nèi)容滾動(dòng)</title>
<style type="text/css">
body{
background: url(bg.png) no-repeat fixed center;
}
</style>
</head>
<body>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
測(cè)試內(nèi)容<br/>
</body>
</html>
**運(yùn)行效果： **
內(nèi)容滾動(dòng)，圖片不滾動(dòng)。
image.png
