gpt4 book ai didi

html - 我在 div 样式的 background-image 属性的 URL 中的路径有什么问题?

转载 作者:太空宇宙 更新时间:2023-11-04 09:49:07 26 4
gpt4 key购买 nike

我知道这个问题已经被问过很多次了。我已经查看并测试了所有这些问题的答案,但仍然无法正常工作。

我的 HTML 文档中有一个 div。我将其设计为具有特定的高度和宽度。当我给它一个背景颜色时,我可以清楚地看到它。但是如果我使用背景图像属性,则不会显示任何图像。

这是 HTML:

<body>
<div id="div">
<div id="playButt"></div>
<canvas id="canvas" width="800" height="600"></canvas>
</div>
<script src="Js/Init.js"></script>
<script src="Js/Menu.js"></script>
</body>

还有 Css:

#playButt {
position: absolute;
width: 100px;
height: 100px;
display: block;
background-image: url("Imgs/User Interface Icons/PLAY icon normal.png");
}

我的文档结构是这样的:
HTML5\Project FG\Imgs\User Interface Icons\PLAY icon normal.png

css 文件与 HTML 文件正确链接,并位于 Project FG 文件夹内与 HTML 文件相同的级别。

我做错了什么?我该如何纠正它?

谢谢。

最佳答案

确保您的文件名没有空格,因此将 PLAY icon normal.png 转换为类似 PLAY_icon_normal.png 的内容。

还要确保您的 HTML 指向正确的文件。

您可以在创建 URL 时使用以下列表作为引用:

   /   = Root directory
. = This location
.. = Up a directory
./ = Current directory
../ = Parent of current directory
../../ = Two directories backwards

关于html - 我在 div 样式的 background-image 属性的 URL 中的路径有什么问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39244270/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com