gpt4 book ai didi

css - CSS 背景图片疑难解答

转载 作者:行者123 更新时间:2023-11-28 09:29:29 25 4
gpt4 key购买 nike

我是 stack overflow 的新手,但我已经使用 CSS 大约一年半了。

我似乎无法让背景属性为我的 div class="content"工作。最后,我只想使用 background-image: url('home_bg.png'); 在 div 上放置一个背景图像。

我用 Google 搜索了这个问题并在堆栈溢出上进行了查找,但到目前为止我发现的问题没有帮助。我将我所有的背景图片都保存在与我的 CSS 相同的文件夹中,并且我已经三重检查了我的文件名是否正确。我知道 div 在 CSS 中被正确定位,因为宽度和边距等其他属性工作正常。

我什至试过在它上面放一个难看的背景色,看看它是否有效。它没有。我确定可能只是一些小问题,但我找不到。

HTML:

<body>
<div class="navbar"> ... </div>
<div class="content">
<div class="box" id="twitter"> ... </div>
...
...
</div>
<div class="footer> ... </div>
<body>

CSS:

body {
background-color: #000;
background-repeat: repeat;
margin: 0px;
padding: 0px;}
div.content {
background-image: url("home_bg.png");
margin: 0 auto;
position: relative;
top: 84px;
width: 1024px;}

页面位于here如果这也有帮助的话。

提前致谢!~塔蒂安娜~

最佳答案

这是您的内容 div。它没有指定的高度,它的内容元素是“流出”( float 或position:absolute)。这有效地产生了一个 0px 高度的内容 div。为了与众不同,您可以添加此样式规则:

html, body, .content {height:100%;}

不是解决方案,而是一个开始。

关于css - CSS 背景图片疑难解答,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8003801/

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