gpt4 book ai didi

html - 如何将图像设置为 div 的背景并将其 "ZOrder"设置为 0?

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

我想将图像设置为 div 中的背景(并覆盖整个内容),并且仍然能够“在其上书写”(在背景图像上添加文本)。我尝试将其添加到 CSS:

background-image: "http://www.replaster.com/sitebuilder/images/blueWhiteSwirl-758x109.jpg"

...但它什么也没做。

我不成功的扭动是:

HTML

<div class="CoolTurlockSwimmingPool"> 
<span>Bla</span>
<img src="http://www.replaster.com/sitebuilder/images/blueWhiteSwirl-758x109.jpg"></img>Blee
</div>

CSS

.CoolTurlockSwimmingPool {
background-color: Blue;
color: WHite;
font-family: "Segoe UI Light", sans-serif;
}

jsfiddle 在这里:http://jsfiddle.net/X35Ap/

最佳答案

需要在url()中包裹图片的路径

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>answer</title>
<style>
.CoolTurlockSwimmingPool {
background-color: Blue;
color: WHite;
font-family: "Segoe UI Light", sans-serif;
background-image: url("http://www.replaster.com/sitebuilder/images/blueWhiteSwirl-758x109.jpg");
}
</style>
</head>
<body>
<div class="CoolTurlockSwimmingPool">
<span>Bla</span>
Blee
</div>
</body>
</html>

关于html - 如何将图像设置为 div 的背景并将其 "ZOrder"设置为 0?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19600834/

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