css控制背景图片位置-background-position
最近经常给div在加背景图片的时候，发现背景图片的位置总是跟自己想要的效果不一样，所以就粗略的研究了一下，把结果和过程跟大家一起分享一下。现在就用div来举例子，其他的容器也都一样。主要来介绍一下背景background的几个属性。 我们给一个div加上背景后，先仅仅控制背景图片的路径，其他的都不做...
CSS background-position随笔
1.定义和用法background-position属性设置背景图像的起始位置。这个属性设置背景原图像（由 background-image 定义）的位置，背景图像如果要重复，将从这一点开始。提示：您需要把background-attachment属性设置为"fixed"，才能保证该属性在Firef...
background-position还可以这样用
文章同步至微信公众号：http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=401626453&idx=1&sn=6af07474df847d251358c4b453eaddfd#wechat_redirect感兴趣的可以扫...
响应式下的雪碧图解决方案 － 活用background-size / background-position
一、概述在传统的居中布局时，我们常用background-position这个属性来进行雪碧图的定位，在减少数据量的同时，保证准确定位。在移动端使用越来越重的现在，以往的传统定位，已经无法达到目的，那么是否有合适的解决方案呢？答案是有的，让我们先来了解background的两个属性：backgrou...
深入浅出CSS（二）：关于雪碧图、background-position与steps函数的三角恋情
【测试代码】HTML<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="id=edge"><...
background-position百分比原理
今天帮别人调代码时，看到一个样式：background-position:50%0;background-size:100%auto；对background-size:100%auto，意思是背景图片宽度为元素宽度*100%，高度等比缩放。详情可见css3background。对background...
css之background-position属性实现雪碧图
什么是雪碧图雪碧图就是CSSSprite，也有人叫它CSS精灵，是一种CSS图像合并技术，就是把多张小图标合并到一张图片上，然后用css的background-position来显示需要显示的部分。为什么要用雪碧图可以减少加载网页图片时对服务器的请求次数，提高页面的加载速度，解决IE6鼠标滑过时出现...