Question

当我在浏览器中预览网页时，我可以看到我的菜单栏，但我在Dreanweaver设计视图中看不到它？

这是我的代码，因为有一个错误 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>

谢谢你的帮助。

Answer 1

我认为你的形象路径不好

当你在网上工作时，

尝试像你这样的组织

-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;

试试这个：）

Answer 2

每当您使用斜杠开始URL时，它本质上是一个绝对路径。它说“从域根开始，然后从那里开始”。

我无法解释为什么它在浏览器中工作但在Dreamweaver中没有 - 但如果您将路径更改为images/bar.png或甚至尝试/images/bar.png，它应该重新开始工作。

为什么我不能在设计视图中看到图像但可以在浏览器中看到它？

2 个答案: