背景颜色适用，但图像不适用。不知道为什么

我正在创建一个投资组合网站，而且我只能适度地处理编码问题，所以我一直从各种各样的例子中找到它们。我已经为菜单添加了此覆盖div，我希望它具有背景图像，而不仅仅是黑色。但是，由于某些原因，即使我可以改变颜色，我也不能添加背景图像。它不会出现。此外，我似乎无法添加背景图像在我放置在此概览div内的任何div上。背景颜色适用，但图像不适用。不知道为什么

我的网站是http://www.madebyandrew.com

如果单击菜单，你会看到黑色覆盖股利。我希望能够去我menustyle.css片，并以.overlay，添加：

background-image:url('images/menu1/background1.jpg');

，但是这似乎并没有做任何事情！我不知道我要去哪里错，所以我想知道有人能帮助我。

谢谢！

编辑

感谢您的答案，我试着做了建议把../，你现在可以在网站上看到menustyle.css的8行的。然而，这对我来说还没有做任何事情，实际上，我已经尝试过了。任何其他想法将不胜感激！

来源

2015-04-21 ElectricMainline

你能显示完整的图像的URL吗？ – Akshay

我已经添加了一个背景图片.overlay类，它的工作 – Hbirjand

看看这个http://jeffreybarke.net/2013/06/paths-and-urls-relative-and-absolute/，这个http：///www.w3.org/TR/REC-CSS1/#url – Hbirjand

当你在.css上做background-image:url(path)时，path是相对做那个文件的。

所以，如果你需要从另一个文件夹中的图像，你应该使用：

background-image:url('../images/menu1/background1.jpg')

两个点会让你一个目录了（在你的情况下，回你的网站的根目录）然后在正确的文件夹中找到图像。

来源

2015-04-21 04:43:10

'../'正在改变一个dir，但它不是根。要改变根目录，它使用'/' – Kyojimaru

@Kyojimaru - 在他的网站的情况下，确实是根...我会更新我的回应。 –

好的，谢谢丹尼斯我相信这已经解决了我的问题！ – ElectricMainline

只需将background: url(../images/tc4.jpg); css添加到您的CSS文件中，以显示您的菜单所在的父级div。图像将显示。

来源

2015-04-21 04:45:09

只需使用style="background: url('images/menu1/background1.jpg')"在下面的代码

![<div id="menuContents" style="background: url('images/menu1/background1.jpg')"> 

      <div id="menuClear">  
      </div> 

      <ul id="menuList"> 

       <li class="bgButton"><a href="#">NZSki</a></li><br> 
       <li class="bgButton"><a href="#">Theta</a></li> <br> 
       <li class="bgButton"><a href="#">Ports of Auckland</a></li> <br> 
       <li class="bgButton"><a href="#">Total Compliance</a></li> <br> 
       <li class="bgButton"><a href="#">Ted's Grooming Room</a></li> <br> 
       <li class="bgButton"><a href="#">Coffee &amp; Jam</a></li> <br> 
       <li class="bgButton"><a href="#">Treble Seven</a></li> <br> 
       <li class="bgButton"><a href="#">Diacle</a></li> <br> 

      </ul> 



     </div>][1]

来源

2015-04-21 04:54:03 dev

就像当你这样做的背景图像是什么已经回答了Denis Ali

：上的.css URL（路径），路径是相对的到那个文件。

与您的文件menustlye.css（包含样式class overlay文件）目录中/css/menu/，如果你使用

url('images/menu1/background1.jpg');

它会寻找的background1.jpg目录/css/menu/images/menu1造型吧。如果您使用

url('../images/menu1/background1.jpg');

它会在目录/css/images/menu1

这意味着你的目录是错误的举动1个DIR高达/css并找到background1.jpg，所以我更愿意使用相对目录根，用/这样

url('/images/menu1/background1.jpg');

将查找目录/images/menu1/从根

来源

2015-04-21 05:04:04 Kyojimaru

其简单，你必须改变点点在你的CSS，试试下面的代码，它可以帮助你

.example{ 
 
    
 
    background: url(../images/x.png) 0px 0px rgba(0,0,0,0.4); 
 
    height:xpx; // Give a height according to requirement 
 
    width:ypx; // Give a width accroding to requirement 
 
}

希望它会工作。其他方面，你必须使用不透明度将图像和覆盖div放置在固定位置。

来源

2015-04-21 06:35:04

背景颜色适用，但图像不适用。不知道为什么

回答

相关问题