Visual Studio代码将在实时服务器中显示图像,但是当我直接在浏览器中打开时,没有图像

时间:2019-10-04 14:41:30

标签: html css background

我正在使用Visual Studio Code,并使用live Server来查看编码时的样子。

这是我所面临的困境。编码后,它在实时服务器上看起来很棒。

但是,当我直接在浏览器中打开它(我已经在chrome,firefox和Explorer中打开)时,除了图像不显示之外,其他所有功能都有效。 (我的背景图片,徽标,图标,图片将不会显示)。 我将所有文件传输到其他笔记本电脑上,结果相同

我所有的图像都使用background属性在CSS中。除了图像不会显示(实时服务器中的图像除外)以外,其他所有功能,字体颜色,阴影,边框,悬停等均有效。其他人有这个问题吗?如果是,您如何解决呢?

我已附上我的代码的屏幕截图...我注释掉了正文中的所有信息。注释掉另一个css文件,并注释掉除body标签之外的所有css代码,都可以,但是仍然不会显示body图像。图片文件与html文件位于同一位置。我在网址地址周围使用了引号,但没有引号,并且结果相同。

我使用了另一台笔记本电脑,并在该笔记本电脑上对相同的东西进行了编码(除了使用不同的图像)(该笔记本电脑上也使用了Visual Studio代码)

我不知道为什么会这样。任何帮助表示赞赏。因为我真的不想再次重写HTML和CSS。

html and css code

1 个答案:

答案 0 :(得分:0)

您的Web服务器是否有权查看图像?

编写CSS的方式意味着该图像与.css文件位于同一文件夹中。

如果不是这样,请像“ ../ path / to / file.jpg”