圖像不顯示使用它在css

-1

我是新手所以不介意我的問題。我想用css bt插入圖片，它不會顯示在頁面中。這裏是我的代碼：圖像不顯示使用它在css

<div id="outerWrapper"> 
    <div id="header"> 
     <div id="wave"> 
     </div> 
    </div> 
</div>

和我的CSS是：

#outerWrapper #header #wave{background:url("generic/wave.png") bottom left no-repeat;position:absolute;top:0;left:0;width:960px;height:193px;z-index:100;}

的映像路徑是正確的。所以請幫助我:)

來源

2015-08-08 Devilism

這就是整個CSS？隔離 - 你的代碼工作：http://jsfiddle.net/afd1vnw8/（你應該添加位置：當然相對於容器） – sinisake

爲什麼#outerWrapper #header #wave？ #wave只會是足夠的，更好的表現。 – 2015-08-08 16:32:04

爲什麼我們所有的答案都被拒絕投票？這些都是完全合理的答案。 –

-1

您的代碼適合我。
有時候文件擴展名會是大寫的，你可能要仔細檢查一下。
這裏是我的源：

<html> 
<head> 
    <style> 
     #outerWrapper #header #wave{ 
      background:url("PathToImage.png") bottom left no-repeat; 
      position:absolute; 
      top:0; 
      left:0; 
      width:960px; 
      height:193px; 
      z-index:100; 
      border:1px solid black;//This is to make sure the size of div and position of background image are correct. 
     } 
    </style> 
</head> 
<body> 
    <div id="outerWrapper"> 
     <div id="header"> 
      <div id="wave"> 
      </div> 
     </div> 
    </div> 
</body> 
</html>

來源

2015-08-08 16:17:42

確定它適用於我，但它不是在單獨的css文件中工作？ – Devilism

您的圖像路徑需要相對於CSS文件而不是HTML文件。 –