background-position的百分比

background-position的百分比属性规则是：图片本身（x%,y%）的那个点，与背景区域的（x%,y%）的那个点重合。

具体可参考：

http://www.ruanyifeng.com/blog/2008/05/css_background_image_positioning.html

时间： 2024-10-07 04:45:46

background-position的百分比的相关文章

background position 稍微深入

1 当容器大于背景图片时 1.1 当position为20px 30px是,是指图片左上角离外容器的左上角的距离是20px 30px 1.2 当position为10% 10%d的时候,背景图片的10% 10%的这个点和外容器10% 10%的这个点重合.2 当容器小于背景图片的时还是同样的结果.-------------------------http://blog.csdn.net/freshlover/article/details/7197724

html5+css3中的background: -moz-linear-gradient 用法 (转载)

转载至-->http://www.cnblogs.com/smile-ls/archive/2013/06/03/3115599.html 在CSS中background: -moz-linear-gradient 让网站背景渐变的属性,目前火狐3.6以上版本和google浏览器支持这个属性. background: -moz-linear-gradient(top, #bccfe3 0%, #d2dded 100%); 适合 FF3.6+ background: -webkit- grad

html5+css3中的background: -moz-linear-gradient 用法

在CSS中background: -moz-linear-gradient 让网站背景渐变的属性,目前火狐3.6以上版本和google浏览器支持这个属性. background: -moz-linear-gradient(top, #bccfe3 0%, #d2dded 100%); 适合 FF3.6+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bccfe3), color-stop(

position

position:定位定位分四种: 1.静态定位 : 浏览器自动定位. 2. 相对定位 (position:relative):以前一个同一级元素的坐标位置来定位 3 .绝对定位(position:absolute):他是以父级元素的坐标位置来定位 4.固定定位(position:fied) : 蒋一个元素固定在某一个位置,位置不随页面的滚动而发生改变. z-index():提层括号中数值越大元素显示位置越向外雪碧图就是利用定位制作首先给一个视口:宽(width)高(hight) 插

css3的Background新属性

前言 CSS3中出现了几种关于背景图片的新属性:background-origin.background-clip.background-position等.之前大致了解了下,但是background-origin与background-clip的区别尚不清楚.就google了一篇,发现不错,翻译下来吧. 原文连接 : The New Background Position in CSS3 Say Hello to Background-Origin and Background-Clip, C

CSS3 线性渐变（linear-gradient）兼容IE8,IE9

一.线性渐变在 Mozilla 下的应用语法: 1 -moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* ) 参数:其共有三个参数,第一个参数表示线性渐变的方向,top 是从上到下.left 是从左到右,如果定义成 left top,那就是从左上角到右下角.第二个和第三个参数分别是起点颜色和终点颜色.你还可以在它们之间插入更多的参数,表示多种颜色的

Day 47（08/02）选择器、伪类

属性选择器 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 E[att] 匹配所有具有att属性的E元素,不考虑它的值.(注意:E在此处可以省略. 比如"[cheacked]".以下同.) p[title] { color:#f00; } E[att=val] 匹配所有att属性等于"val"的E元素 div[class="error"] { col

CSS3 线性渐变（linear-gradient）

CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gradient(径向渐变).而我们今天主要是针对线性渐变来剖析其具体的用法.为了更好的应用 CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核,主要有 Mozilla(Firefox,Flock等).WebKit(Safari.Chrome等).Opera(Opera浏览器).Trident(讨厌的IE浏览器). 本文照常忽略IE不管,我们主要看看在 Mozilla.Webkit

CSS3 Gradient 渐变

转载自:http://www.w3cplus.com/content/css3-gradient CSS3发布很久了,现在在国外的一些页面上常能看到他的身影,这让我羡慕已久,只可惜在国内为了兼容IE,让这一项技术受到很大的限制,很多Web前端人员都望而止步.虽然如此但还是有很多朋友在钻研CSS3在web中的应用,为了不被淘汰,我也开始向CSS3进发,争取跟上技术的前沿.从现在开始我会不断的发布一些CSS3的应用,和大家一起分享,今天我们首先要看的就是:CSS3: Gradient─CSS3渐变.