css配景图片显示不完备怎么办
css背景图片显示不完全的解决办法:通过background-size属性来操纵背景图片的大小,从而到达完全显示背景图片的目的,如【background-size:cover;】。
本文环境:windows10、css3,本文适用于所有品牌的电脑。
解决思绪:
通过background-size属性来操纵背景图片的大小,从而到达完全显示背景图片的目的。
属性介绍:
background-size属性指定背景图片大小。
(学习视频分享:css视频教程)
语法:
background-size: length|percentage|cover|contain;
属性值:
length 设定背景图片高度和宽度。第一个值设定宽度,第二个值设定的高度。假如只给出一个值,第二个是设定为 auto(主动)
percentage 将运算相关于背景定位区域的百分比。第一个值设定宽度,第二个值设定的高度。假如只给出一个值,第二个是设定为"auto(主动)"
cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。
举例:
相关引荐:CSS教程
以上就是css背景图片显示不完全如何办的具体内容,更多请关注百分百源码网其它相关文章!