时间戳

首页 > 解决方案 > 无法检索背景图像 CSS，文件路径未按预期工作

html - 无法检索背景图像 CSS，文件路径未按预期工作

问题描述

背景：我正在使用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");

}

我希望背景图片覆盖整个网页，但它只是在背景中显示为空白。我还注意到列表中的文本向左移动，好像正在加载某个元素，但除了空格之外什么都没有。

标签： htmlcssimage

解决方案

推荐阅读