gpt4 book ai didi

html - 为什么没有特定宽度和高度的背景图像不显示?

转载 作者:太空狗 更新时间:2023-10-29 13:20:00 25 4
gpt4 key购买 nike

示例代码

我一直想知道为什么 background-image 不显示,除非我以像素为单位指定图像的宽度和高度。我试图仅以百分比的形式指定宽度,但没有用。 <强> w3cschools.com 能够在不指定宽度和高度的情况下显示背景图像,但它仅适用于正文背景。任何解释或解决方法?

HTML

<div class="pic"></div>

CSS

.pic {
background: url("http://i.imgur.com/HIt6f8r.png") no-repeat;
display: block;
position: relative;
width: 244px;
height: 230px;
background-size: contain;
}

最佳答案

你的 <div>元素没有任何内容,所以 <div>高度为 0px。
<div> 的宽度仍然是 100%。
如果您向 div 添加任何内容,它将具有一定的高度,并且会显示一部分图像。
<body>默认情况下具有窗口的高度,因此您可以看到背景图像。

关于html - 为什么没有特定宽度和高度的背景图像不显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32175195/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com