html - 在文件夹内调用时,CSS 背景重复不起作用

标签 html css

我的桌面上有一个名为 projects 的文件夹,文件夹内有一个名为 index.html 的文件和一个名为 images 的文件夹,其中包含所有图像。当我尝试调用后台时: url("images/shadow1.PNG") repeat-y;由于某种原因它似乎不起作用,有人知道为什么吗?

如果我将文档放在桌面的 index 和 images 文件夹中并尝试运行后台: url(shadow1.PNG) repeat-y;它工作得很好。

希望这是有道理的,任何关于如何解决这个问题的信息和代码示例都会很棒。

谢谢!

最佳答案

在 css 文件中将 background: url("images/shadow1.PNG") 更改为 background: url("../images/shadow1.PNG")

它必须使用../ 返回到根文件夹(元素),然后进入图像文件夹以找到图像。

关于html - 在文件夹内调用时,CSS 背景重复不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4125370/

相关文章:

html - 列表项中的 CSS 边框

javascript - html css 图像对齐

html - Flex Grow until specific max-height inside a vertically centered div with 最小高度 100%

javascript - 弹出对话框偏移了太多像素

javascript - jQuery 循环遍历元素,按 data-id 排序并从具有匹配 data-id 的元素中获取值

javascript - 从数组中获取图像并使用javascript在html中设置为类的背景图像

jquery - 您如何在 Bootstrap 或常规 html5 中同时居中和左对齐列?

javascript - jQuery jCarousel - 在水平视口(viewport)内对齐元素

jquery - 使用 jQuery 选择样式为 "visibility:visible"或 "visibility:hidden"NOT "display: none"的元素

javascript - 如何动态设置 HTML 元素的 title 属性?