背景(background)是css中一个重要的的部分,也是需要知道的css的基础知识之一.这篇文章将会涉及css背景(background)的基本用法,包括诸如 background-attachment 等的属性,也会介绍一些有关背景(background)的常用技巧,以及 css3 中的 背景(background)(包含4个新的背景(background)属性). css2 中的背景(background) 概述 CSS2 中有5个主要的背景(background)属性,它们是: * p…

ctrl.css('backgroundPosition' 返回值不一样, 原来是:-75px 0px 现在是:left 75px top 0px // chrome 33 返回的是 left 0px top 0px var backgroundPosition = ctrl.css('backgroundPosition'); // "-75px 0px" //2013/12/11 backgroundPosition = backgroundPosition.replace('le…

今天遇到一个新鲜的问题,如果定位一个设计师设计的图片.例子如下: 实现只显示每一个图标,主要是将图片等分,然后通过background-position来控制,注意等分的时候要减一,第一个百分比表示x轴,第二个表示y轴: background-position:0% 100%; 显示如下: background-position:100% 33.3333%; 显示如下: background-position:0% 100%;…

百分比值同关键字很接近,但其操作方式不一样.用百分比值来居中一幅背景图像,也很简单: body { background-image;url(beijing.gif); background-repeat:no-repeat; background-position:50% 50%; } 这使得背景图像的中心同其父元素中心对齐.换句话说,百分比值同时应用于元素及其背景图像. 为理解这一概念,让我们桌仔细观察其过程.当在某一元素里居中背景图像时,图像中被描述为50% 50%的点将与元素中同样描述的…

背景(background)是css中一个重要的的部分,也是需要知道的css的基础知识之一.这篇文章将会涉及css背景(background)的基本用法,包括诸如 background-attachment 等的属性,也会介绍一些有关背景(background)的常用技巧,以及 css3 中的 背景(background)(包含4个新的背景(background)属性). css2 中的背景(background) 概述 CSS2 中有5个主要的背景(background)属性,它们是: * b…

http://blog.csdn.net/JeamKing/article/details/5617088   注:这是别人博客链接地址  具体效果图片可以查看此链接 语法:background-position : length || lengthbackground-position : position || position取值:length  : 百分数 | 由浮点数字和单位标识符组成的长度值.请参阅 长度单位 position  : top | center | bottom |…

这是一个有趣的话题 其实我并不确切的平时大家是怎么去应用或者玩转一个属性,一个值.我能肯定的是这些东西都有不少的可玩性. 我今天要聊的 background-position 应该已经被大家玩得色彩斑斓了.尤其是 CSS Sprites流行的这些年,background-position 基本上是被应用最多的属性之一. 重拾旧趣 我们知道 background-position 是用来指定背景图像的偏移值的,能让一张图从特定的位置开始展现.而 CSS Sprites 就是通过将多个小图拼接成一张…

在学习网页"换肤"效果时:对background-position的理解更深了. 这是我使用的一整张图片:…

以前一直都知道这个属性,但是每次使用的时候都是试来试去,感觉很麻烦,所以花了一点小时间研究了一下,很简单,跟大家分享一下. 此属性需要在background属性中使用,有关background属性的值简单介绍: background:[background-color][background-image][background-repeat][background-attachment][background-position]|inherit 每一个代表什么意思就不讲了,会点英语的都知道,正式…

文章同步至微信公众号:http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=401626453&idx=1&sn=6af07474df847d251358c4b453eaddfd#wechat_redirect 感兴趣的可以扫码关注哈: background-position这个样式规则,切页面的同学应该都用过.关于其详细介绍,就不再赘述了.http://www.cnblogs.com/huazaizai/archive/2010…