gpt4 book ai didi

HTML5/CSS3 - div id 不工作

转载 作者:搜寻专家 更新时间:2023-10-31 08:54:14 24 4
gpt4 key购买 nike

我正在尝试使用带有背景图片的 div id 将图片放入我的体内。我不明白为什么在 google chrome 中预览时图像不显示?

我在我的索引页上使用了几乎相同的代码,并且在那里运行良好。

HTML:

<body>

<div id="body">

<div id="rainforestimage"></div>

</div>

</body>

CSS:

#body {
width:1024px;
height:auto;
background-image:url(../images/background2.png);
margin:0 auto;
background-repeat:no-repeat;
overflow:hidden;
}

#rainforestimage {
background-image:url(../images/exhibits/rainforest.png);
width:1024px;
margin:0 auto;
margin-top:74px;
height:364px;
position:absolute;
z-index:1;
box-shadow: 0px 8px 12px -4px rgba(0,0,0,0.46);
}

最佳答案

您的 div#body 需要设置一个高度,尝试设置一个高度,您将看到您的背景图片。

此外,您的 HTML 页面和文件夹 images 应该是同一目录中的 sibling (同一级别)。

编辑:

如果您仍然没有看到 background2.png,那是因为 rainforest.png 被您设置的其他样式覆盖了(在它上面) :

position:absolute;
z-index:1;

关于HTML5/CSS3 - div id 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30438198/

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