主要是屬性background-position的應用

可取三種類型的值：

1. top right bottom left center

2. x% y%

3. xpos ypos

應用示例：

1. 設置一個button的默認狀態和hover高亮

確定

?

2. 背景圖片出現在元素的任意位置，以“右邊框”為例

?

3. css sprites 選一張大圖的一部分做背景，如input的背景圖等

確認

?

小結，被普遍認可的css sprites可以減少http請求次數，把頁面上需要的所有小圖標合成一張大圖加載是不錯的選擇

但新手們往往會被大圖搞暈乎，其實，我們可以通過設置background-position只顯示我們需要的部分

合理使用background-position的top right ...值，可以稍微減少你量尺寸的時間?

要說有一點局限，就是不能repeat了。

希望有一款自動將一個文件夾所有圖片合成一張大圖的軟件。當然，背景要透明。請高手推薦

轉載于:https://www.cnblogs.com/frostbelt/archive/2012/08/10/2631210.html

總結

以上是生活随笔為你收集整理的css background-position的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。