background-position和position
1.background-position:表示背景定位的屬性。描述屬性值時，有兩種方式：一是像素描述；而是單位描述。 （1）像素描述： 格式如下： 屬性值可以是正數，也可以是負數。比如：100px 200px、-50px -120px。 舉例如下： （2）單詞描述 ...
原文：background之你不知道的background-position
這是一個有趣的話題 其實我並不確切的平時大家是怎么去應用或者玩轉一個屬性，一個值。我能肯定的是這些東西都有不少的可玩性。 我今天要聊的background position應該已經被大家玩得色彩斑斕了。尤其是CSS Sprites流行的這些年，background position基本上是被應用最多的屬性之一。 重拾舊趣 我們知道background position是用來指定背景圖像的偏移值的， ...
2016-10-09 20:09 0 1659 推薦指數：
相關推薦
background-position詳細用法
1、background-position：0 0；等於background-position:left top；（左上角） 2、background-position：100% 100%；等於background-position:right bottom；（右下角 ...
CSS background-position用法
相信很多喜歡研究網頁界面的童鞋都遇到過一個奇妙的現象：網頁中很多圖片素材被合成在一張圖片上。 起初小菜模仿網站的時候，經常遇到這個現象，那時候也不知道這時什么技術，人家的整張圖片素材不會利用，只能用ps切圖，切成單個的再用。。。 其實，這是一個非常簡單的技術 ...
background-position用法詳解
background-position詳細用法 background-position的值有三種表示方法，分別有不同的含義： 1）百分比 （容器的內容寬度-背景圖片的寬度）*對應的百分比 即為圖片要移動的距離 如果您僅規定了一個值，另一個值將是 50%。 2）長度 ...
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. 其余的尚好理解，主要說一下百分比 ...