今天在写静态页面的时候遇到一个问题,因为导航栏有背景图片,影响了导航栏下面的图片轮播始终会出现一条白线。然后在导航栏上加了一个background-size属性,
这个属性是css3里面的属性
语法:
background-size :[ <length> | <percentage> | auto ]{1,2} | cover | contain
相关属性: background-clip | background-origin
取值:
-
<length>:
- 由浮点数字和单位标识符组成的长度值。不可为负值。 <percentage>:
- 取值为0%到100%之间的值。不可为负值。
说明:
设置背景图片的大小。
指定背景大小,以象素或百分比显示。当指定为百分比时,大小会由所在区域的宽度、高度,以及background-origin的位置决定。还可以通过cover和contain来对图片进行伸缩。