約背景屬性在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