主要是屬性background-position的應(yīng)用

可取三種類型的值：

1. top right bottom left center

2. x% y%

3. xpos ypos

應(yīng)用示例：

1. 設(shè)置一個button的默認(rèn)狀態(tài)和hover高亮

確定

?

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

?

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

確認(rèn)

?

小結(jié)，被普遍認(rèn)可的css sprites可以減少http請求次數(shù)，把頁面上需要的所有小圖標(biāo)合成一張大圖加載是不錯的選擇

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

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

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

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

轉(zhuǎn)載于:https://www.cnblogs.com/frostbelt/archive/2012/08/10/2631210.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。