背景:#777777 none 重复滚动 0 0;
它包含的 5 个属性是背景颜色、背景图像、背景重复、背景附件和背景位置。
但我不明白背景附件和背景位置是什么意思?
有人可以解释一下吗?
编辑:如果背景图像没有,背景重复、背景附件和背景位置是否无用?
背景:#777777 none 重复滚动 0 0;
它包含的 5 个属性是背景颜色、背景图像、背景重复、背景附件和背景位置。
但我不明白背景附件和背景位置是什么意思?
有人可以解释一下吗?
编辑:如果背景图像没有,背景重复、背景附件和背景位置是否无用?
如果您曾经看过一个网页,其中页面上的文本随着滚动条滚动,但背景保持静止,那就是
background-attachment: fixed;
背景位置定义了如何将图像定位在元素的背景中。例如,如果您有一个仅应沿元素底部边缘重复的小阴影图像,则可以使用:
background-repeat: repeat-x;
background-position: bottom left;
或者,如果您只希望在元素的右下角显示图像:
background-position: bottom right;
background-position 也接受以下格式的像素值:
background-position: xpos ypos
用于更细粒度的控制。
W3Schools 对这些元素有很好的解释:
background-attachment:确定背景是固定的还是随页面滚动的。
background-position : 确定背景相对于页面的位置(顶部中心、右下角、像素值等值)
background-attachment 属性设置背景图像是固定的还是与页面的其余部分一起滚动。
background-position 属性设置背景图像的起始位置。
注意:要在 Firefox 和 Opera 中工作,必须将 background-attachment 属性设置为“fixed”。
背景附件指定背景是否随网页滚动。
背景附件:固定;将修复背景,因此即使用户向下滚动网页,背景也不会移动。
背景附件:滚动;会使背景随页面滚动。
更多信息在这里:http ://www.w3schools.com/Css/pr_background-attachment.asp
背景位置有 2 个参数;x 位置和 y 位置。它指定原始背景图像将开始显示的位置。原点位于容器的左上角。
更多信息在这里:http ://www.w3schools.com/css/pr_background-position.asp
background-position: is used to define the anchor point of the image on the screen like top left or bottom right
background-attachment defines whether the background image will scroll with the contents