background-position和position
1.background-position:表示背景定位的屬性。描述屬性值時，有兩種方式：一是像素描述；而是單位描述。 （1）像素描述： 格式如下： 屬性值可以是正數，也可以是負數。比如：100px 200px、-50px -120px。 舉例如下： （2）單詞描述 ...
原文：響應式下的雪碧圖解決方案 － 活用background-size / background-position
一 概述 在傳統的居中布局時，我們常用background position這個屬性來進行雪碧圖的定位，在減少數據量的同時，保證准確定位。在移動端使用越來越重的現在，以往的傳統定位，已經無法達到目的，那么是否有合適的解決方案呢 答案是有的，讓我們先來了解background的兩個屬性： background position:背景圖片相對容器原點的起始位置。詳解可以查看另一篇博客：backgrou ...
2017-01-23 21:49 2 5283 推薦指數：
相關推薦
background-size IE8兼容方案
2017.7.5更新： 在處理IE8兼容性問題上，對於背景圖片比背景框還大的情況，還需要做一下處理： 根據canius（http://caniuse.com/#search=background-size），background-size兼容性為IE9以及以上瀏覽器 ...
Background-Size
Background-Size:[ <length> | <percentage> | auto ]{1,2} | cover | contain background-size指定背景大小，以象素或百分比顯示。當指定為百分比時，大小會由所在區域的寬度、高度 ...
background-size 詳解
backgroun-size:cover; .是按照等比縮放鋪滿整個區域。主要用於圖片比div小的時候，將圖片按照某一邊的比例擴大以填充整個div背景。 .優點：圖片不會被拉升，且實用於div長度和寬度的比例合適時候 .缺點：圖片會失真，且當寬度和高度比例過大時候，會出現圖片顯示不全 ...
解決IE8不兼容 background-size
IE8下，使用background-size適應盒子大小時不兼容，效果如下圖： 網上找資料，說添加如下代碼可以兼容IE8 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style ...
background-position詳細用法
1、background-position：0 0；等於background-position:left top；（左上角） 2、background-position：100% 100%；等於background-position:right bottom；（右下角 ...
background之你不知道的background-position
這是一個有趣的話題 其實我並不確切的平時大家是怎么去應用或者玩轉一個屬性，一個值。我能肯定的是這些東西都有不少的可玩性。 我今天要聊的 background-position 應該已經被大家玩得色彩斑斕了。尤其是 CSS Sprites流行的這些年，background-position ...
CSS background-position用法
相信很多喜歡研究網頁界面的童鞋都遇到過一個奇妙的現象：網頁中很多圖片素材被合成在一張圖片上。 起初小菜模仿網站的時候，經常遇到這個現象，那時候也不知道這時什么技術，人家的整張圖片素材不 ...