图像不显示使用它在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文件。 –