background: url("example.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
在CSS中,大家可以使用background-size属性来控制背景图片的大小,可选项包括cover、contain以及像素值等。但是,这些属性仅限于调整图片的大小,而并不能解决间隙问题。那么大家需要使用其他的技巧来解决这个问题。
img { display: block; height: auto; max-width: 100%; }
一个常见的解决方法就是给图片设置display:block属性。同时,大家也需要确保图片的宽度不会超过容器的宽度,可以使用max-width: 100%来实现。这个方法可以有效解决图片上下有空白的问题。
总的来说,图片上下出现空白是由于图片本身带有空白或者是由于图片的高度超出了容器的高度导致的。大家可以使用CSS样式的一些技巧来解决这个问题,以达到更好的网页外观和用户体验。