css - 图片未在 HTML5 和 CSS 中显示

Question

过去两个小时我一直在四处寻找解决方案。我目前正在学习 HTML5 和 CSS 只是为了好玩，我只是 Visual Studios IDE 因为它工作得很好。您可以在其中创建 HTML5 页面等。现在，问题来了。

我想要一张背景图片，但没有显示。我试过在它周围放置边框(并且边框出现在应该显示的“图片”周围。)代码是“正确的”，但我无法让它工作。请帮忙。

在头部，style type="text/css"。

        #imageonly {
        background-image: url(C:\Users\user\Documents\random.png);
        height: 100px;
        width: 100%;
        border: 1px solid black;
    }

在体内。

    <div id="imageonly">
</div>

如果您还需要什么，尽管问。对不起，如果有人生气等等。我真的很困惑。问候罗布。

Answer 1

您用于 Web 元素的所有资源(css、javascript、图像、字体等)都应该相对于您的 Web 元素的根目录，而不是本地磁盘上的绝对路径。

对于您的情况，在您的元素根目录中创建一个图像文件夹，然后将 random.png 移动到该文件夹​​并将您的 CSS 样式更新为:

背景图片:url(images/random.png);