CSS背景圖片坐標(biāo)問題。

原理， 如圖. 其實(shí)就是圖片左上角相對于容器左上角的坐標(biāo)關(guān)系.參考這個(gè)位置圖 neoease。

成都創(chuàng)新互聯(lián)公司10多年成都定制網(wǎng)頁設(shè)計(jì)服務(wù);為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及高端網(wǎng)站定制服務(wù),成都定制網(wǎng)頁設(shè)計(jì)及推廣,對封陽臺等多個(gè)行業(yè)擁有豐富的網(wǎng)站維護(hù)經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。

背影圖片的左上角相對當(dāng)前元素左上角的坐標(biāo)。

舉例：background： url(../images/qq_png) no-repeat -50px 20px；其中的-50px 表示的是圖片的 X 坐標(biāo) 其中的20px 表示的是圖片的 Y 坐標(biāo) 這些可以是絕對也可以是相對的。

邏輯。按照你提供的圖片中，需要使用的圖標(biāo)，最高高度 36px，最大寬度107px處理，進(jìn)行定位。又因?yàn)槟闾峁┑臄?shù)值，后面包括no-repeat和repeat-x；也就是修飾圖重復(fù)與否。可以分析出你圖片中需要重復(fù)的圖標(biāo)是哪一個(gè)類。

背景圖片位置在CSS中有專門的屬性來調(diào)整：background-position：x y；x的意思是x軸的數(shù)值、百分比，位置。y的意思是y軸的數(shù)值、百分比，位置。

css定義坐標(biāo)

這個(gè)坐標(biāo)是以最近定位父元素為參考點(diǎn)的。知道了這點(diǎn)你就可以計(jì)算了。

舉例：background： url(../images/qq_png) no-repeat -50px 20px；其中的-50px 表示的是圖片的 X 坐標(biāo) 其中的20px 表示的是圖片的 Y 坐標(biāo) 這些可以是絕對也可以是相對的。

可能的值：left | center | right | length | % y-axis 定義視圖被置于 Y 軸的何處?？赡艿闹担簍op | center| bottom | length |% z-axis 定義視圖被置于 Z 軸的何處。

CSS那個(gè)背景圖片的坐標(biāo)怎么設(shè)置?怎么計(jì)算的?

你查查background-position并練習(xí)一下就知道了，背景圖的兩個(gè)偏移值可以用background-position： x y；表示。x是水平位置偏移，y是垂直位置偏移。你可以用坐標(biāo)來理解，圖片左上角的坐標(biāo)就是0 0。

舉例：background： url(../images/qq_png) no-repeat -50px 20px；其中的-50px 表示的是圖片的 X 坐標(biāo) 其中的20px 表示的是圖片的 Y 坐標(biāo) 這些可以是絕對也可以是相對的。

背景圖片位置在CSS中有專門的屬性來調(diào)整：background-position：x y；x的意思是x軸的數(shù)值、百分比，位置。y的意思是y軸的數(shù)值、百分比，位置。

網(wǎng)站標(biāo)題：css樣式左坐標(biāo) cssdiv定位坐標(biāo)
文章路徑：http://aaarwkj.com/article10/didspgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、企業(yè)建站、網(wǎng)站設(shè)計(jì)公司、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站維護(hù)、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)