gpt4 book ai didi

css - 无法插入背景图片

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

我一直在尝试更新我的网站,但在将图像植入网站背景时遇到了极大的困难。

我尝试创建两个 div,每侧一个(因为我希望输出为 image1 - 我们将其称为 leftbg.png 然后是中间的内容,然后是 image2 - 我们将其称为右侧的 rightbg.png) .

所以我把 div 放在正文中:

<body>
<div id="leftbg">
<div id="rightbg">
content
</div>
</div>
</body>

在我的 css 文件中:

#leftbg {
float: left;
width: 22.5% (body is 55%);
background: url(images/leftbg.png) no-repeat;
z-index: 999
}

然而,这并没有产生任何结果。我认为这可能是因为我的 body 代码已经包含背景,并且我试图放置 z-indexes,这样我的 leftbg 类将在 body 类中占主导地位,但是我知道 z-indexes 有很多问题。

这是 body 的CSS代码:

body {
font:11px "Trebuchet MS", Arial, sans-serif;
color:#666;
background:maroon url(image/backgrd.png);
z-index: 0;
}

任何帮助将不胜感激!

最佳答案

尝试将高度设置为#leftbg。示例:

#leftbg {
float: left;
height: 80px;
width: 22.5%;
background: url(images/leftbg.png) no-repeat;
z-index: 999
}

关于css - 无法插入背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26268309/

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