Visual Studio Code插入图片不显示问题及解决方法 您所在的位置:网站首页 网页图片怎么不显示 Visual Studio Code插入图片不显示问题及解决方法

Visual Studio Code插入图片不显示问题及解决方法

2024-06-24 20:15| 来源: 网络整理| 查看: 265

1.发现问题

        在编写css代码使用此代码插入背景图片时发现图片在网页上并不显示。

background-image: url()

2.解决方法

        开始以为路径问题尝试了使用绝对路径和相对路径两种路径但并不能解决问题。之后在网上查找发现问题出在代码与图片在文件夹中的位置问题。

        我之前在大的文件夹中放入了两个小的文件夹一个装html文件,另外一个装案例图片。但是这种文件夹使图片不能在css代码导入后使用。

方法一:

将html文件放在文件夹外与存放图片的文件夹放在同级后解决问题图片正常显示。

方法二:

将html文件与图片匹配存放在一个小文件夹中可以解决问题。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有