如何将图像设置为div的背景并将其“ZOrder”设置为0？

我想在div中设置图像作为背景（并且覆盖整个东西），并且仍然能够“在其上写入”（在背景图像上添加文本）。我试图将其添加到CSS：如何将图像设置为div的背景并将其“ZOrder”设置为0？

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/

来源

2013-10-25 B. Clay Shannon

您需要的路径换到图像中的网址（）

<!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-25 23:32:27 dav1dsm1th

如何将图像设置为div的背景并将其“ZOrder”设置为0？

回答

相关问题