1

背景:#777777 none 重复滚动 0 0;

它包含的 5 个属性是背景颜色、背景图像、背景重复、背景附件和背景位置。

但我不明白背景附件和背景位置是什么意思?

有人可以解释一下吗?

编辑:如果背景图像没有,背景重复、背景附件和背景位置是否无用?

4

7 回答 7

4

如果您曾经看过一个网页,其中页面上的文本随着滚动条滚动,但背景保持静止,那就是

background-attachment: fixed;

背景位置定义了如何将图像定位在元素的背景中。例如,如果您有一个仅应沿元素底部边缘重复的小阴影图像,则可以使用:

background-repeat: repeat-x;
background-position: bottom left;

或者,如果您只希望在元素的右下角显示图像:

background-position: bottom right;

background-position 也接受以下格式的像素值:

background-position: xpos ypos

用于更细粒度的控制。

于 2009-06-24T18:42:00.577 回答
1
于 2009-06-24T18:41:10.300 回答
1

W3Schools 对这些元素有很好的解释:

background-attachment:确定背景是固定的还是随页面滚动的。

background-position : 确定背景相对于页面的位置(顶部中心右下角、像素值等值)

于 2009-06-24T18:41:22.763 回答
1

background-attachment 属性设置背景图像是固定的还是与页面的其余部分一起滚动。

  • 滚动
    • 背景图像与页面的其余部分一起滚动。这是默认的
  • 固定的
    • 背景图像是固定的
  • 继承
    • 指定 background-attachment 属性的设置应该从父元素继承

background-position 属性设置背景图像的起始位置。

注意:要在 Firefox 和 Opera 中工作,必须将 background-attachment 属性设置为“fixed”。

于 2009-06-24T18:43:44.460 回答
1

背景附件指定背景是否随网页滚动。

背景附件:固定;将修复背景,因此即使用户向下滚动网页,背景也不会移动。

背景附件:滚动;会使背景随页面滚动。

更多信息在这里:http ://www.w3schools.com/Css/pr_background-attachment.asp

背景位置有 2 个参数;x 位置和 y 位置。它指定原始背景图像将开始显示的位置。原点位于容器的左上角。

更多信息在这里:http ://www.w3schools.com/css/pr_background-position.asp

于 2009-06-24T18:44:12.790 回答
1

来自 W3 背景附件

background-attachment 属性设置背景图像是固定的还是与页面的其余部分一起滚动。

假设您有一张背景图片,例如这里(看看美丽的山脉。)

当 background-attachment 属性设置为“fixed”时,那么当你滚动页面时,背景保持,呃,固定。页面内容滚动,但背景图片不滚动。

与此页面比较。看到侧面的背景涂鸦了吗?当您向下滚动时,这些绘图也会随着页面滚动。这是“滚动”选项的一个示例 - 这是您发布的 CSS 片段中的内容。

于 2009-06-24T18:44:41.680 回答
0
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
于 2009-06-24T18:51:41.420 回答