我在浏览器中预览网页时可以看到我的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>
谢谢你的帮助。
我觉得你的图片路径不好
当你为网络工作。
试图对贵组织进行这样的
-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;
试试这个 :)
当你用斜杠开始一个URL时,它本质上是一个绝对路径。 它说 "从域根开始,然后从那里走"。
我无法解释为什么它在浏览器中可以工作,但在Dreamweaver中却不行--但如果你把路径改为 images/bar.png
甚至尝试 /images/bar.png
,它应该会重新开始工作。