背景位置/尺寸 一起写的情况

background-size 可以设置背景图片的大小,数值包括 长度length和百分比percentage. 并且会根据背景原点位置 background-origin 设置其图片覆盖的范围.那么下面我们一起来了解这个background-size属性吧. background-size语法 w3c对background-size的语法规定如下: 属性名: background-size 属性值: <bg-size>* 其中 bg-size = [ <length> | <

background-size可以设置背景图片的大小,数值包括 长度length和百分比percentage. 并且会根据背景原点位置background-origin设置其图片覆盖的范围.那么下面我们一起来了解这个background-size属性吧. background-size语法 w3c对background-size的语法规定如下: 属性名: background-size 属性值: <bg-size>* 其中 bg-size = [ <length> | <pe

一.CSS背景说明 CSS 可以添加背景颜色和背景图片,以及来进行图片设置. 1.1 背景图片(image) background-image 属性允许指定一个图片展示在背景中(只有CSS3才可以多背景)可以和 background-color 连用. 如果图片不重复地话,图片覆盖不到地地方都会被背景色填充. 如果有背景图片平铺,则会覆盖背景颜色. background-image : none | url (url) ; /*none : 无背景图(默认的) url : 使用绝对或相对地址指定

<!-- Author:博客园小dee --> 一些网站的首页背景图尺寸不随浏览器缩放而变化,例如百度个人版的首页,缩放后背景图的尺寸并不改变: 再比如花瓣网( huaban.com ): 现在用CSS来实现这一效果. 首先需要一张足够大尺寸的图片,上图百度背景图的尺寸为1600*1000px( 图片地址:http://4.su.bdimg.com/skin/12.jpg?2 ):花瓣背景图的尺寸为1600*1600px( 图片地址:http://hbfile.b0.upaiyun.com/i

一些网站的首页背景图尺寸不随浏览器缩放而变化,本例使用CSS 实现背景图尺寸不随浏览器缩放而变化,方法一. 把图片作为background,方法二使用img标签.喜欢的朋友可以看看 一些网站的首页背景图尺寸不随浏览器缩放而变化,例如百度个人版的首页,缩放后背景图的尺寸并不改变:  再比如花瓣网( huaban.com ): 现在用CSS来实现这一效果. 首 先需要一张足够大尺寸的图片,上图百度背景图的尺寸为1600*1000px( 图片地址:http://4.su.bdimg.com/skin/

background-size 可以设置背景图片的大小,数值包括 长度length和百分比percentage. 并且会根据背景原点位置 background-origin 设置其图片覆盖的范围.那么下面我们一起来了解这个background-size属性吧. /* 一个值: 这个值指定图片的宽度,那么第二个值为auto */ background-size: auto background-size: 50% background-size: 3em background-size: 12px

方法一. 把图片作为background 有几个CSS的属性要提一下:background-size:cover,这个CSS3的属性作用是把背景图像扩展至足够大,以使背景图像完全覆盖背景区域,背景图像的某些部分也许无法显示在背景定位区域中,如果不使用这个属性,在IE11和FireFox中缩放浏览器,背景图片会随之缩小,同时使用-webkit-background-size: cover和-o-background-size: cover兼容webkit内核浏览器和Opera浏览器:backgro

元素.offsetLeft[Top] : 只读 属性 当前元素到定位父级的距离(偏移值)   到当前元素的offsetParent的距离 如果没有定位父级 offsetParent -> body offsetLeft -> html 如果有定位父级 ie7以下:如果自己没有定位,那么offsetLeft[Top]是到body的距离 如果自己有定位,那么就是到定位父级的距离 其他:到定位父级的距离

1 .duo { 2 width: 623px; 3 height: 417px; 4 margin: 100px auto; 5 background: url(images/bg1.png) left top no-repeat, 6 url(images/bg2.png) right top no-repeat, 7 url(images/bg3.png) right bottom no-repeat, 8 url(images/bg4.png) left bottom no-repeat