CSS background-attachment 属性示例-实例在线编辑器(nhooo.com)

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>Example of CSS background-attachment 属性- 基础教程(nhooo.com)</title>
 <style>
 body { 
 width: 250;
 height: 200px;
 overflow: scroll;
 background-image: url("/run/images/recycle.jpg");
 background-repeat: no-repeat;
 background-position: center;
 background-attachment: fixed;
 }
 </style>
</head>
<body>
 <h1>背景图像固定.</h1>
 Tip:向下滚动页面查看效果.
 山水诗,是指描写山水风景的诗。虽然诗中不一定纯写山水,亦可有其它的辅助内容,但是呈现耳目所及的山水状貌声色之美,则必须为诗人创作的主要目的。
 
 山水诗,是指描写山水风景的诗。虽然诗中不一定纯写山水,亦可有其它的辅助内容,但是呈现耳目所及的山水状貌声色之美,则必须为诗人创作的主要目的。.
 
 山水诗,是指描写山水风景的诗。虽然诗中不一定纯写山水,亦可有其它的辅助内容,但是呈现耳目所及的山水状貌声色之美,则必须为诗人创作的主要目的。.
 
 山水诗,是指描写山水风景的诗。虽然诗中不一定纯写山水,亦可有其它的辅助内容,但是呈现耳目所及的山水状貌声色之美,则必须为诗人创作的主要目的。.
 山水诗,是指描写山水风景的诗。虽然诗中不一定纯写山水,亦可有其它的辅助内容,但是呈现耳目所及的山水状貌声色之美,则必须为诗人创作的主要目的。
 
 山水诗,是指描写山水风景的诗。虽然诗中不一定纯写山水,亦可有其它的辅助内容,但是呈现耳目所及的山水状貌声色之美,则必须为诗人创作的主要目的。.
 
 山水诗,是指描写山水风景的诗。虽然诗中不一定纯写山水,亦可有其它的辅助内容,但是呈现耳目所及的山水状貌声色之美,则必须为诗人创作的主要目的。.
 
 山水诗,是指描写山水风景的诗。虽然诗中不一定纯写山水,亦可有其它的辅助内容,但是呈现耳目所及的山水状貌声色之美,则必须为诗人创作的主要目的。.
</body>
</html>