上下文:正在使用Mac。我正在尝试构建一个HTML网页,尽管尝试了多种解决方案,但我无法在计算机上显示图像以在后台显示。背景只是显示为空白。我确信我的文件路径存在问题,因为尽管我使用Option-Command-C复制了确切的文件路径,但是当我输入文件路径时,却遇到了“权限被拒绝”或“找不到命令”的问题。但是,尽管有很多尝试,我仍然不知道如何解决它。
...
<body>
<link rel="stylesheet" type="text/css" href="stylemapUI.css">
<div class="menus">
<ul>
<li>Contact</a></li>
<ul>
<li>J</li>
<li>J</li>
<li>S</li>
<li>J</li>
</ul>
<li>About</li>
<ul>
<li>Vision</li>
<li>Leadership</li>
<li>Mission Statement</li>
<li>Background</li>
</ul>
<li>Social</li>
<ul>
<li>Twitter</li>
<li>Facebook</li>
<li>Instagram</li>
<li>Discord</li>
</ul>
</ul>
</div>
</body>
...
这是CSS:
body {
margin:auto;
width:500px;
height:auto;
background-size: 100%;
text-align: center;
background-image:url("/Users/myname/Project_Atlas/templates/pic1.jpg");
}
我希望背景图片能够覆盖整个网页,但在背景中只会显示为空白。我还注意到,列表中的文本向左移动,就像正在加载某些元素一样,但是除了空白什么都没有。