Question

如果我为高度提供一些值，则显示背景图像，但设置为自动时不会显示。我不知道为什么？

<!DOCTYPE html>
<html>
    <head>
        <title>pageloading</title>
    <style>
     #topheader{
         background-image:url("header.png");
         background-repeat:no-repeat;
         background-size: cover;
         width:100%;
         height: auto; /* it works if i give some px */
                }
        </style>

</head>
<body>
     <div id="topheader">

     </div>


</body>
</html>

有谁知道原因？

Answer 1

因为'div'符合其内容的大小，

在你的情况下，div是空的，这就是为什么他没有显示背景图像，

除非你给他测量尺寸，以像素为单位。

Answer 2

height: auto为div赋予高度0，因为其中没有内容， auto 可以调整高度。

高度为自动时不显示背景图像

2 个答案: