CSS控制DIV背景图片全屏background-size

来源:未知 人浏览 2017.04.18

CSS3

background-size:cover保证背景完全等比例覆盖DIV,(但是当图片最小的尺寸铺满屏幕,最大的尺寸将会超出div被隐藏掉)

background-size:auto(原始图片大小) || length(数值) || percentage(百分比) || cover(放大铺满) || contain(缩小铺满)

1、length:设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"atuo(自动)"

2、percentage:将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"

3、cover:此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。 

4、contain:此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。

星期三
15年12月16日
热门板块
windows 10下载设计软件下载PhotoShop CC文章分享Portraiture磨皮win10安装教程
热门下载
Lightroom 5.2官方中文版下载下载(

Lightroom 5.2官方中文版下载下载(

下载
PhotoShop CC下载官方正版可激活版本

PhotoShop CC下载官方正版可激活版本

下载