backgroun-size:cover; .是按照等比缩放铺满整个区域。主要用于图片比div小的时候,将图片按照某一边的比例扩大以填充整个div背景。 .优点:图片不会被拉升,且实用于div长度和宽度的比例合适时候 .缺点:图片会失真,且当宽度和高度比例过大时候,会出现图片显示不全 ...
Background Size: lt length gt lt percentage gt auto , cover contain background size指定背景大小,以象素或百分比显示。当指定为百分比时,大小会由所在区域的宽度 高度,以及background origin的位置决定。还可以通过cover和contain来对图片进行伸缩。 background size可以设置 个值, ...
2012-08-28 10:48 0 9916 推荐指数:
backgroun-size:cover; .是按照等比缩放铺满整个区域。主要用于图片比div小的时候,将图片按照某一边的比例扩大以填充整个div背景。 .优点:图片不会被拉升,且实用于div长度和宽度的比例合适时候 .缺点:图片会失真,且当宽度和高度比例过大时候,会出现图片显示不全 ...
css background-size 属性详解,background-size 指定背景图像大小,以象素或百分比显示,当指定为百分比时,大小会由所在区域的宽度、高度以及 background-origin(图片的起始位置) 的位置决定,还可以通过 cover 和 contain 来对图片进行伸缩 ...
; background-position: 设置背景图像的位置; background-size: ...
前言: CSS3提供了很多丰富且实用的规范,得以让网页更加绚丽多彩。因为多了很多新的知识,我学得也没那么全面,经常就多敲了很多多余得代码。 比如CSS3提供了background-size属性,可以设置背景图片的尺寸。因为是新属性,也不知道能不能用background简写,每次我都分开 ...
2017.7.5更新: 在处理IE8兼容性问题上,对于背景图片比背景框还大的情况,还需要做一下处理: 根据canius(http://caniuse.com/#search=background-size),background-size兼容性为IE9以及以上浏览器 ...
转自:http://www.igooda.cn/jsdt/20130827355.html background-size需要两个值,它的类型可以是像素(px)、百分比(%)或是auto,还可以是cover和contain。第一个值为背景图的width,另外一个值用于指定背景图上的height ...
css background-size 属性详解,background-size 指定背景图像大小,以象素或百分比显示,当指定为百分比时,大小会由所在区域的宽度、高度以及 background-origin 的位置决定,还可以通过 cover 和 contain 来对图片进行伸缩 ...
; //设置元素的背景定位起点,默认值为left top background-size:auto; ...