为什么在设计视图中看不到图片,但在浏览器中可以看到?

问题描述 投票:-1回答:2

我在浏览器中预览网页时可以看到我的menubar,但在Dreamweaver设计视图中却看不到?

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

谢谢你的帮助。

html css dreamweaver
2个回答
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; 

试试这个 :)


0
投票

当你用斜杠开始一个URL时,它本质上是一个绝对路径。 它说 "从域根开始,然后从那里走"。

我无法解释为什么它在浏览器中可以工作,但在Dreamweaver中却不行--但如果你把路径改为 images/bar.png 甚至尝试 /images/bar.png,它应该会重新开始工作。

© www.soinside.com 2019 - 2024. All rights reserved.