你對CSS background-position屬性的使用和屬性值是否熟悉，這里和大家分享一下，它主要用來設置背景圖像的起始位置，并且所有瀏覽器都支持CSS background-position屬性。

CSS background-position屬性

定義和用法

CSS background-position屬性設置背景圖像的起始位置。

這個屬性設置背景原圖像（由CSS background-image定義）的位置，背景圖像如果要重復，將從這一點開始。

提示：您需要把CSS background-attachment屬性設置為"fixed"，才能保證該屬性在Firefox和Opera中正常工作。

實例

如何定位背景圖像：

body  
{  
background-image:url('bgimage.gif');  
background-repeat:no-repeat;  
background-attachment:fixed;  
background-position:center;  
}  
 

瀏覽器支持

所有瀏覽器都支持CSS background-position屬性。

注釋：任何版本的InternetExplorer（包括IE8）都不支持屬性值"inherit"。

可能的值

【編輯推薦】

1. 解決IE6 position:fixed 固定定位問題
2. CSS中三大position屬性值用法解讀
3. 深入探究DIV CSS布局中position屬性用法
4. CSS屬性display:inline-block使用揭秘
5. 兩種方案解決IE6、IE7、Firefox兼容問題