CSS背景圖片坐標問題。

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

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

背影圖片的左上角相對當前元素左上角的坐標。

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

邏輯。按照你提供的圖片中，需要使用的圖標，最高高度 36px，最大寬度107px處理，進行定位。又因為你提供的數(shù)值，后面包括no-repeat和repeat-x；也就是修飾圖重復與否。可以分析出你圖片中需要重復的圖標是哪一個類。

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

css定義坐標

這個坐標是以最近定位父元素為參考點的。知道了這點你就可以計算了。

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

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

CSS那個背景圖片的坐標怎么設(shè)置?怎么計算的?

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

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

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

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

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

廣告

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