2013-03-07 54 views
-1

我的工作原因,我必須學習HTML和CSS。 所以它發生得很快,我有一個問題,我找不到解決方案。圖像不像它應該顯示

這個CSS:

#footer{ 
    height: 207px; 
    margin-top: 7px; 
    background: url(img/footer.jpg); 
    background-repeat: no-repeat; 
} 
#footer.menue{ 
    height: 25px; 
    background-image: url(img/menue.jpg); 
    background-repeat: no-repeat; 

應該把兩個圖像的網站,但onle第一個顯示。

HTML

 <div id="footer"> 
      <ul class="menue"> 
       <li><a href="#Links">Links</a></li> 
       <li><a href="#Kontakt">Kontakt</a></li> 
       <li><a href="#Impressum">Impressum</a></li> 
      </ul> 
     </div> 

[解決:] http://jsbin.com/utupat/1/edit

+2

你能發佈你的HTML標記嗎? – 2013-03-07 13:59:45

+1

你能提供這個網站的實時鏈接嗎?語法明智,你的代碼沒有任何錯誤。似乎你的文件名中有一個錯字或類似的東西。在與其他民族形象合作的時候,我經常會遇到這種情況,那就是JPG是大寫的。如果是的話,它將無法工作。這一切都區分大小寫。 – Michael 2013-03-07 14:01:00

+0

檢查錯字無數次我甚至複製名稱出目錄 – UrKll 2013-03-07 14:14:59

回答

0

如果您正在使用的html代碼:

<div id="footer" class="menue"></div> 

和CSS作爲

#footer{ 
    height: 207px; 
    margin-top: 7px; 
    background: url(img/footer.jpg); 
    background-repeat: no-repeat; 
} 
#footer.menue{ 
    height: 25px; 
    background-image: url(img/menue.jpg); 
    background-repeat: no-repeat; } 

U對於一格使用相同的高度,他將使用第二個 - 25px並且排除第一個。你也不能有兩個背景圖像一個div,他只會用一個。如果你想要多個背景圖片,你必須使用css3功能Multiple background images in one div