2015-05-03 41 views
1

我的項目獲取的背景圖片時,我用括號運行它,但是當我把它上傳到服務器時,它不會加載時,我直接從目錄中打開它,並沒有圖像不加載在HTML時直接打開

HTML代碼

<header> 
     <div class="header-logo"></div> 
      <nav class="nav clearfix"> 
       <ul> 
       <li><a class="active" href="#">LOGIN</a></li> 
       <li><a href="#">SIGN UP</a></li> 
       <li><a href="#">PRODUCTS</a></li> 
       <li><a href="#">ABOUT</a></li> 
       <li><a href="#">HOME</a></li> 
       </ul> 
      </nav> 
    </header> 

CSS:

.header-logo 

{ 
width:20%; 
background-image: url('/images/logo.png'); 
background-repeat: no-repeat; 
height:80px; 
float:left; 
} 

這是我的目錄結構:

enter image description here

+0

如果css文件中的樣式和css文件夾中的文件那麼你的url應該是url(../ images/logo.png); –

+0

感謝得到它的工作.. – user2218550

+0

你很好惠 –

回答

0

測試此類問題的最佳方法是在Firebug(或類似工具)中編輯CSS規則。您可以編輯那裏的路徑並檢查它正在工作的情況。你沒有寫關於域映射的任何內容 - 或者只是簡單地打開本地HTML頁面?

+0

其實我已指定錯誤的路徑,括號,只是在內部引用圖像(/images/logo.png),所以當我去打開頁面從本地桌面它沒有加載後,糾正路徑(../images/logo。 PNG)即使在服務器上,一切正常 – user2218550

相關問題