background-position詳細用法
1、background-position：0 0；等於background-position:left top；（左上角） 2、background-position：100% 100%；等於background-position:right bottom；（右下角 ...
原文：background-position和position
.background position:表示背景定位的屬性。描述屬性值時，有兩種方式：一是像素描述 而是單位描述。 像素描述： 格式如下： 屬性值可以是正數，也可以是負數。比如： px px px px。 舉例如下： 單詞描述 格式如下： 描述左右的詞：left center right 描述上下的詞：top center bottom 比如說，right center表示將圖片放到右邊的中間 ...
2019-06-04 11:20 0 3643 推薦指數：
相關推薦
CSS background-position用法
相信很多喜歡研究網頁界面的童鞋都遇到過一個奇妙的現象：網頁中很多圖片素材被合成在一張圖片上。 起初小菜模仿網站的時候，經常遇到這個現象，那時候也不知道這時什么技術，人家的整張圖片素材不 ...
background-position用法詳解
background-position詳細用法 background-position的值有三種表示方法，分別有不同的含義： 1）百分比 （容器的內容寬度-背景圖片的寬度）*對應的百分比 即為圖片要移動的距離 如果您僅規定了一個值，另一個值將是 50%。 2）長度 ...
background之你不知道的background-position
這是一個有趣的話題 其實我並不確切的平時大家是怎么去應用或者玩轉一個屬性，一個值。我能肯定的是這些東西都有不少的可玩性。 我今天要聊的 background-position 應該已經被大家玩得色彩斑斕了。尤其是 CSS Sprites流行的這些年，background-position ...
CSS中background-position使用技巧
一.background-position:left top; 背景圖片的左上角和容器(container)的左上角對齊，超出的部分隱藏。等同於 background-position:0,0;也等同於background-position ...
background-position為什么會出現負值？
上篇文章講到了雪碧圖，其中小機器人抖腿的動作設置了圖片的background-position：-640px 循環到-1200px，那么這個數值是如何得出來的？下面具體分析一下如何計算background-position的數值。 分析素材 下面這張雪碧圖是今天的分析素材，尺寸為273 ...
CSS中background-position使用技巧
一.background-position:left top; 背景圖片的左上角和容器(container)的左上角對齊，超出的部分隱藏。等同於 background-position:0,0;也等同於background-position ...
background-position的百分比
看到了幾篇文章，總結下先： 1. background-position是依賴於no-repeat的，在repeat的狀態下和默認的狀態下（默認即為repeat）,background-position是不起作用的。 2. 其余的尚好理解，主要說一下百分比 ...