html - CSS image.png 未加载到谷歌驱动器

Question

我正在尝试使用 background: url(); 获取我的 css 文件；要使用正确的路径在我的 index.html 上显示我的图像，这个网页是一个 1 页的 index.html，它只显示静态内容和一些图像，没有什么特别的，我目前在谷歌驱动器上很好地托管它。

只是图像路径在设置为相对路径时不起作用，即“img/example.png”，并且它们不适用于您通过将图像设置为公共(public)获得的链接，因此它们可以被查看任何人，例如“https://drive.google.com/file/d/IMAGE_CODE/view?usp=sharing”

你是如何使用 CSS background: url(); 来让你的图片加载到驱动器上的？

我不想要直接链接，所以每次我的网站刷新时都必须重新下载图像，这会导致刷新页面加载非常慢，我希望它像相对路径一样查找它们，速度更快加载中。

Answer 1

你的路径在错误的目录中可能有问题，所以你会使用

../

向上移动一个目录，直到到达正确的目录。例如，如果您的 css 文件位于诸如“root/assets/stylesheets/style.css”的文件夹结构中，而您的图像位于“root/img/image.png”，那么在您的 css 文件中，您必须使用以下代码

background-image: url('../../img/image.png');

向上移动两个目录以正确调用您的图像。