背景顏色適用，但圖像不適用。不知道爲什麼

我正在創建一個投資組合網站，而且我只能適度地處理編碼問題，所以我一直從各種各樣的例子中找到它們。我已經爲菜單添加了此覆蓋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

背景顏色適用，但圖像不適用。不知道爲什麼

回答

相關問題