CSS背景图像没有显示高度自动

Question

我有一个带有背景图片的div。我必须在px中指定一个高度来显示它。但我希望它随着宽度大小调整自动显示宽度。我被卡住了。 当我有高度自动时它根本不显示图像...

#slider-shadow1 {
z-index: 9999;
margin: 0 auto;
width: 100%;
height: auto;
background: url(images/layouts/shadow2.png)  center no-repeat;
background-size: 100% 100%;
position:relative;
display: inline-block;
background-size:cover;
overflow: hidden;
}

Answer 1

Height: auto表示元素的高度与元素内容完全相同。如果您有空元素，则其高度为零。而且你看不到背景图片（你看到的确是0px）。