爲什麼我在設計視圖中看不到圖像，但可以在瀏覽器中看到它？

我在瀏覽器中預覽網頁時可以看到我的菜單欄，但在Dreanweaver設計視圖中看不到它？爲什麼我在設計視圖中看不到圖像，但可以在瀏覽器中看到它？

這裏是我的代碼incase有一個錯誤 CSS;

#bar { 
    margin-top:5%; 
    background:url("/Users/Macbook/Desktop/test website/images/bar.png") no-repeat center; 
    height:50px; 
    background-size:100% 100%; 
}

HTML;

<!doctype html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Untitled Document</title> 
<link href="Untitled-3.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
<div id="bar"> 
</div> 
</body> 
</html>

謝謝你的幫助。

來源

2014-01-24 bjbear123

Dreamweaver對此不可靠 – jmercier

對不起，你是什麼意思，通常當我創建任何頁面，預覽在設計視圖中可用時，？ – bjbear123

你能否在#bar css背景中添加這個plz：red;你可以查看紅色框？ – jmercier

我覺得你的形象路並不好

當你爲網站工作

，

嘗試到組織這樣

-root folder 
----img folder 
----css folder 
----js folder

等等等等（這只是個例）在你的情況試試這個

-root folder 
    index.html 
----img (contain bar.png) 
----css (contain Untitled-3.css)

不要忘了代表在HTML花邊路徑CSS：

<link href="css/Untitled-3.css" rel="stylesheet" type="text/css">

當然和CSS：

background:url("../img/bar.png") no-repeat center;

試試這個：）

來源

2014-01-24 23:06:08 jmercier

Thankyou非常感謝您的幫助，這完美地工作：D， – bjbear123

每當你開始一個URL以斜槓，它本質上是一個絕對路徑。它說「從域根開始並從那裏開始」。

我無法解釋爲什麼它在瀏覽器中工作，但不是在Dreamweaver中 - 但是如果將路徑更改爲images/bar.png或者甚至嘗試/images/bar.png，它應該再次開始工作。

來源

2014-01-24 23:06:57

爲什麼我在設計視圖中看不到圖像，但可以在瀏覽器中看到它？

回答

相關問題