如何將圖像設置爲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？

回答

相關問題