图像滚动：
/* 背景图片滚动或固定： 语法： background-attachment: fixed || scroll;固定或滚动 */ *------------------------------------------------------------------------------------------------ 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body { background-image: url(images/ganjiang.jpg); /* background-position: center top;/*水平居中 垂直居中*/ background-position: center 50px; background-repeat: no-repeat; color: rgb(207, 147, 182); background-attachment: fixed; } h4 { background-color: pink; background-image: url(images/ly.png); background-repeat: no-repeat; background-position: left ; width: 100px; text-indent: 2em; font-weight: 400; } </style> </head> <body> <h4>成长守护</h4> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> <p>天王盖地虎，pink一米五</p> </body> </html>-------------------------------------------------------------------- 背景色半透明：background: rgba(0,0,0,0.x) 最后一个属性代表透明度；0是透明，1是完全不透明 可以直接把后面的0省略掉直接写.x 标签：pink,盖地,repeat,day14,一米,天王,HTML,background From： https://www.cnblogs.com/222wan/p/17206081.html