乖乖，背景属性对于一些新生来说，相信是很纠结的。<样式>div{宽度：400px;高度：300px；溢出：滚动；background-image:url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1590057680177&di=5e667e1a9d0a747cfe54d494e2b4c68d&imgtype=0&src=http%3A%2F%2Fb2-q.mafengswo%5%290F%2Fb2-q.mafengswo%5%290F%2%2F06%2FwKgB3FH_RVuATULaAAH7UzpKp6043.jpeg");背景重复：不重复；背景大小：400px自动；背景附件：滚动；}p{行高:1000px;}
内容展示
body内容展示
先说这段代码吧，因为主要是刚学的时候。我为div块制作了一个overflow:scroll，并向其添加了一个滚动条。并且在外面设置一个p标签，这样body也会出现一个滚动条，（图文并茂比较好理解：）background-attachment:fixed;当我们滚动body的滚动条（最右边）的时候，我们会发现当div窗口足够大的时候，背景图片被挤压了（相对于可见窗口的位置不变），但是如果超出了div的窗口边框会被隐藏（可以和上图对比，div的空白部分被挤出）：但是当我们滚动的时候当你移动div的滚动条时，你会发现背景图片并没有移动：因此，可以说fixed是相对于窗口的固定位置background-attachment:local;那么本地是什么样的？？？？？如果我们滚动如果滚动div，你会发现背景图片向上移动了：当然，移动body的滚动条效果是一样的：background-attachment:scroll;当我们滑动div的滚轮时，背景图片的位置不会发生变化，但是当我们滑动body的滚动条时，背景图片不会像固定的那样往下挤，而是相对于像本地窗口一样直到它消失：