背景：url顯示不正確

我被卡住了。我創建了一個圖像，並希望它成爲通過CSS訪問的導航菜單的背景圖像，其文本放置在HTML中。背景：url顯示不正確

這裏是我的CSS：

.menu_item { 
    background:url(../images/menu_normal.png) no-repeat; 
}

下面是HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head> 
     <title>Quotation Form</title> 
     <link href="css/menu.css" rel="stylesheet" type="text/css"> 

    </head> 
    <body> 

      <ul> 
       <li class = "menu_item"><a href="#">About</li> 
       <li class = "menu_item"><a href="#">Services</a></li> 
       <li class = "menu_item"><a href="#">For Translators</a></li> 
       <li class = "menu_item"><a href="#">Free Quotation</a></li> 
      </ul> 

      <img src = "images/menu_normal.png"> 
    </body> 
</html>

下面是結果：http://eximi.dreamhosters.com/turbolingvo/menu.html

我要顯示的菜單項背後的圖像只是就像它在下面的<img src...>中顯示的一樣。

我在做什麼錯？

謝謝！

來源

2011-06-06 vlevsha

你正在使用哪種瀏覽器？ – 2011-06-06 01:35:57

你想爲整個列表中的每個菜單項目或一個連續背景設置背景嗎？ – Colin 2011-06-06 01:36:08

你需要這樣的東西：

.menu_item { 
background: url("../images/menu_normal.png") no-repeat scroll 0 0 transparent; 
float: left; 
height: 53px; 
line-height: 53px; 
list-style: none; 
text-align: center; 
width: 227px; 
}

來源

2011-06-06 01:35:03 Tyssen

是的，這工作。謝謝！ – vlevsha 2011-06-06 02:41:42

變化的背景是ul元素，並給予ul元素的類菜單。

CSS

.menu {background:url(../images/menu_normal.png) no-repeat; }

HTML

<ul class='menu'> 
<li><a href="#">About</li> 
<li><a href="#">Services</a></li> 
<li><a href="#">For Translators</a></li> 
<li><a href="#">Free Quotation</a></li>     
</ul>

來源

2011-06-06 01:37:04

我沒有解釋清楚，我很抱歉 - 我需要在每個菜單項後重復圖像。我把我的li元素定義爲Tyssen和tejash所建議的，它起作用了。無論如何非常感謝你！ – vlevsha 2011-06-06 02:43:51

你要的風格你的li元素來調整一下

例如

.menuitem{ 
background:url(../images/menu_normal.png) no-repeat; 
display: block; 
height: 33px; 
padding: 10px; 
width: 207px; 
}

這只是一個例子，你可以根據需求設計它的樣式但你喜歡

來源

2011-06-06 01:37:26 tejash

無需顯示：block;無論如何，列表項目已經是塊元素。 – Tyssen 2011-06-06 02:35:53

是的，感謝清理，但加班我開發了我的方法，我手動寫下顯示類型，如果我的意思是它應該在那裏。而不是擔心默認顯示類型。然而，我想知道它是什麼問題，如果你指定顯示屬性，即使有默認的顯示屬性可用 – tejash 2011-06-06 02:41:21

謝謝！就是這個。 – vlevsha 2011-06-06 02:44:29

背景：url顯示不正確

回答

相關問題