CSS 背景图片不显示高度自动

Question

我有一个 div，里面有一张背景图片。我必须以 px 为单位指定高度才能显示。但我希望它在宽度调整时显示高度自动。我卡住了。当我有 height auto 时它根本不显示图像...

#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）。

CSS 背景图片不显示高度自动

CSS Background image not showing with height auto

height