且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

为什么HTML背景图像不能在VS代码的实时服务器中显示?

更新时间:2022-05-02 17:31:26

您应该使用"绝对"路径的"相对"路径。这意味着以‘/’(绝对)或以点‘开头。’(相对)。 在实时服务器环境中,‘/’指向您的根网站目录。

确保图像位于html的同一文件夹或子文件夹中。

您的实时服务器无法访问您的E:驱动器。

<img src="/image-in-root.jpg" alt="image in same dir as index.html"/>
or
<img src="./image-in-root.jpg" alt="image in same dir as index.html"/>

or
<img src="../../image-2-dirs-up.jpg" alt="image 2 dirs up from this file position"/>

or
<img src="/images/image-in-image-dir.jpg" alt="image in /image dir from root"/>
or
<img src="./images/image-in-image-dir.jpg" alt="image in /image dir one level below current"/>