這篇文章主要為大家展示了“對背景圖定位中background-position屬性怎么用”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“對背景圖定位中background-position屬性怎么用”這篇文章吧。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：申請域名、雅安服務器托管、營銷軟件、網(wǎng)站建設、平南網(wǎng)站維護、網(wǎng)站推廣。

最近在項目中需要大量的用到很多標簽按鈕什么的零碎圖片，加上一直沒機會使用Css中的”精靈技術“，這里把我對background-position的理解寫成文檔供更多人使用學習。

現(xiàn)有所有按鈕圖片的合體

第一步：我們要顯示　這個按鈕，那么我們要先定義一個div（后面我們稱為視窗）標簽，寬度和高度剛好能把這個按鈕裝下就行。

第二步：這里便是我今天說的重點。很多人說background-position是操作的背景圖，我卻說是操作的這個視窗，透過視窗我們能看到背景圖上的一部分而已。

橫縱坐標的理解是，只要這個視窗在圖片的區(qū)域內移動我們都說是負方向的（負坐標）。

顯示這個圖片按鈕，我們不需要指定坐標，默認的就是他。當然也可以  #div5{background-position: 0px 0px;}

顯示這個圖片按鈕，就必須的設置background-position的坐標了，#div6{ background-position:-42px 0px;}

顯示這個圖片按鈕，#div8{ background-position:-42px -41px;}

后面的以此類推。

以上是“對背景圖定位中background-position屬性怎么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁標題：對背景圖定位中background-position屬性怎么用-創(chuàng)新互聯(lián)
分享路徑：http://vcdvsql.cn/article40/cseeeo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、微信小程序、面包屑導航、網(wǎng)站策劃、網(wǎng)站建設、網(wǎng)頁設計公司

廣告

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