溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“對背景圖定位中background-position屬性怎么用”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“對背景圖定位中background-position屬性怎么用”這篇文章吧。
最近在項目中需要大量的用到很多標簽按鈕什么的零碎圖片，加上一直沒機會使用Css中的”精靈技術“，這里把我對background-position的理解寫成文檔供更多人使用學習。
現有所有按鈕圖片的合體
第一步：我們要顯示 
這個按鈕，那么我們要先定義一個div（后面我們稱為視窗）標簽，寬度和高度剛好能把這個按鈕裝下就行。
第二步：這里便是我今天說的重點。很多人說background-position是操作的背景圖，我卻說是操作的這個視窗，透過視窗我們能看到背景圖上的一部分而已。
橫縱坐標的理解是，只要這個視窗在圖片的區域內移動我們都說是負方向的（負坐標）。
顯示這個圖片按鈕，我們不需要指定坐標，默認的就是他。當然也可以 #div5{background-position: 0px 0px;}
顯示
這個圖片按鈕，就必須的設置background-position的坐標了，#div6{ background-position:-42px 0px;}
顯示
這個圖片按鈕，#div8{ background-position:-42px -41px;}
后面的以此類推。
以上是“對背景圖定位中background-position屬性怎么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
