在DIV標記中顯示Image上超鏈接的問題

我試圖在圖像上顯示文本（超鏈接）我寫了下面的代碼片斷，它不會執行我想要的操作（在.css文件中）。在DIV標記中顯示Image上超鏈接的問題

#menu-bar 
{ 
padding: 10px 0px auto 0px; 
height:auto; 
width: 1000px; 
float:left; 
margin: 10px 0px auto 0px; 
background:url(/images/bar_full_3_1.jpg) repeat-x; 
}

HTML：

<div id ="menu-bar"> 
    file | open | edit | ... 

</div>

這個代碼顯示圖像IDE只不過在瀏覽器中不顯示它。謝謝！

現在這個問題已解決：我做的錯誤如下： - >不正確的語法 - 給屬性賦值時使用的逗號。 - >不正確的路徑/ URL

來源

2011-06-17 Nikhil G

這是一些新的HTML＆CSS或什麼？ – 2011-06-17 09:26:04

CSS在值之間沒有逗號。嘗試從CSS文件中刪除所有逗號。 – Bazzz 2011-06-17 09:29:02

檢查圖像的路徑，在CSS中圖像必須是相對於CSS文件本身..如果有疑問使用絕對路徑，看看是否工作..但修改CSS首先刪除逗號（取代他們與空間）; 0 – clairesuzy 2011-06-17 09:34:56

如果你的CSS文件就像是「風格」，那麼你就需要跳出該文件夾的背景圖像的URL文件夾中：

background: #0066FF url(../images/bar_full_3_1.jpg) repeat-x;

（注意../在images文件夾之前）。

這是圖像不顯示的最常見原因。

UPDATE

這也是值得注意的是，在評論中指出這裏，你已經有了一對夫婦的錯誤在你的CSS代碼。首先你不需要用逗號來分隔房產價值。一個空間是所有必需的。

此外請確保您的屬性值的順序正確。

來源

2011-06-17 09:29:53

我剛剛提交了他的CSS。我現在會推薦它。我認爲整體答案對他來說會比對整理他的CSS更有用。 – 2011-06-17 09:31:50

現在再試:) – 2011-06-17 09:41:35

是否做過並刪除了評論;-) – DanielB 2011-06-17 09:43:19

在DIV標記中顯示Image上超鏈接的問題

回答

相關問題