A fixed background image (this image will not scroll with the rest of the page) 实例演示

左边为源代码，右边为显示效果

<html> <head> <style type="text/css"> body { background-image: url('/images/example/smiley.gif'); background-repeat: no-repeat; background-attachment: fixed } </style> </head> <body> 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 图片将不随页面滚动 </body> </html>

编辑上面的文字,按下“查看结果”，效果会显示在右边

Create by 软晨网（RuanChen.com）