1

我想将图像设置为 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/

4

1 回答 1

1

您需要将图像的路径包装在 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>
于 2013-10-25T23:32:27.950 回答