gpt4 book ai didi

html - 为什么我的图片没有出现 Html?

转载 作者:太空宇宙 更新时间:2023-11-04 04:06:07 26 4
gpt4 key购买 nike

我写了这个简短的代码,但我的背景图片根本没有出现..这很奇怪,因为如果我用'px'改变例如宽度和高度,它就会显示

我试图用屏幕的全长显示背景图像并适合 div 标签有什么建议吗?

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8"/>
<title>My Web Page</title>

<style>



.hola {
width:100%;
height: 100%;
background-image: url('../Img/imagenes/fotoportada.jpg');
background-size: cover;


background-repeat: no-repeat;
}

</style>
</head>

<body>
<div class="hola">

</div>
</body>

</html>

最佳答案

元素的高度指定为 100%

这是根据其父元素计算的,父元素是 auto(默认值)。

CSS 将 auto100% 定义为 auto,因此该元素的高度与包含其内容所需的一样高。

它没有内容,所以这是 0px

这没有给出渲染图像的高度。


您可能想在元素及其所有祖先(bodyhtml)。

关于html - 为什么我的图片没有出现 Html?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21352776/

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