CSS 背景图像未显示高度自动

我有一个带有背景图像的 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;
}

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