~~~
body
{
background:url('list-orange.png') repeat-x scroll center center;
}
~~~
由于背景顏色background-color的默認值為transparent,**所以可以省略**,這個例子和上面的例子是等價的.
~~~
body
{
background:url('list-orange.png') repeat-x center;
}
~~~
由于背景圖片隨滾動軸的移動方式background-attachment的默認值為scroll,**所以可以省略背景圖片的位置background-position中的屬性值center center等價于center**,這個例子和上面的例子也是等價的.
火狐Firefox不支持直接使用`background-position-x,background-position-y`所以推薦定位時,使用:
`background-position` 都支持!

**必須指出**background負責元素內容部分的背景,包括padding和border,但不包括margin。在Firefox,Safari 和 Opera, 以及 IE8中是這樣處理的。不過在IE7和萬惡的IE6中就沒包括border,區別就像下面的圖片示例顯示的那樣 。

*在IE7 和IE6中Background沒有包括border*
>參考:[CSS中的background的詳細屬性](http://blog.csdn.net/springk/article/details/8534637)
- 序
- 開發自己的博客
- 面試集合
- 基礎
- 1、JavaScript
- js技巧
- 2、CSS
- position之absolute
- em與rem
- inline-block
- background
- 圓角、透明度、漸變
- 關于css中的0和none
- css display:none小結
- z-index小結
- 理解滾動條
- 有關@font-face的問題
- 3、HTML
- URI中依賴協議的URL
- 4、MySQL
- limit使用
- 5、jQuery
- 6、移動Web開發
- 設計稿與分辨率
- 字體
- 圖片的自適應
- 7、前端布局bug問題(!<=IE8)
- SEO與頁面結構
- seo
- vsphere 虛擬服務器
- 代碼里的彩蛋(神注釋)
- 玩轉HTML5移動頁面
- 知識梳理
- JS 鍵盤碼
- 其他資源記錄
- temp
- TODO
- 簡單有趣的庫??
- xx