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用法
相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象：网页中很多图片素材被合成在一张图片上。 起初小菜模仿网站的时候，经常遇到这个现象，那时候也不知道这时什么技术，人家的整张图片素材不 ...