约背景属性在CSS

Question

背景：＃777777无重复滚动0 0;

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

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

谁能给个说法？

编辑：背景重复，背景附件和背景位置无用，如果背景图像没有？

Answer 1

• background-attachment
• background-position

Answer 2

W3Schools的具有这些元件中的一个很好的解释：

background-attachment：确定背景是否是固定的或滚动与该页面。

background-position：确定关系背景的位置页面

Answer 3

如果你见过一个网页（如顶部中央，右下，像素值等数值）与滚动页面滚动的文字，但背景保持静止，这是

background-attachment: fixed; 

背景位置决定了你如何定位图像元素的背景内。举例来说，如果你有一个小阴影图像只应沿着你的元素的底边重复，你可以使用：

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

或者，如果你有你只是想显示在底部的图像，右手您的元件的角：

background-position: bottom right; 

背景位置也接受像素值的格式为：

background-position: xpos ypos 

为更细的晶粒的控制。

Answer 4

background-attachment property设置背景图像是固定的还是滚动页面的其余部分。

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

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

注：这在Firefox和Opera工作，背景附件属性必须设置为“固定”。

Answer 5

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

background-attachment：fixed;会修复背景，即使用户向下滚动网页，背景也不会移动。

background-attachment：scroll;会使背景与页面一起滚动。

此处了解详情：http://www.w3schools.com/Css/pr_background-attachment.asp

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

此处了解详情：http://www.w3schools.com/css/pr_background-position.asp

Answer 6

From W3 background-attachment

背景附件属性背景图像 设置是否是 固定或与 页面的其余部分滚动。

比方说你有一个背景图片，like here（看看漂亮的山。）

当背景附件属性设置为“固定”，那么当你滚动页面，背景遗体，呃，是固定的。页面内容滚动，但背景图片不显示。

与this page比较。看到背景涂鸦的背景？当您向下滚动时，那些图形也会随页面一起滚动。这是“scroll”选项的一个例子 - 这就是你在发布的CSS代码片段中所拥有的。

Answer 7

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