为什么这样写不显示等有缘人解答X﹏X

Question

为什么写成第一种不显示图片呢？我看B站的up主写第一种都行，只能写第二种吗？

Answer 1

在前端CSS中设置 background 属性的 url() 值时，路径可以是相对路径也可以是绝对路径。选择哪种路径类型取决于你的具体需求和项目结构。

• 相对路径：相对于当前CSS文件的位置。例如，如果CSS文件和图片位于同一个目录下，你可以这样写：

  background-image: url('image.jpg');
  

  如果图片位于CSS目录下的子目录中，你可以这样写：

  background-image: url('images/image.jpg');
  

  如果需要引用上一级目录中的图片，你可以使用 .. 来表示上一级目录：

  background-image: url('../images/image.jpg');
  

• 绝对路径：指向一个固定位置，无论CSS文件在哪里。绝对路径可以是基于网站根目录的路径（以斜杠 / 开头），也可以是完整的URL（以 http://、https:// 或其他协议开头）。例如：

  background-image: url('/images/image.jpg'); /* 基于网站根目录的绝对路径 */
  

  或者：

  background-image: url('https://www.example.com/images/image.jpg'); /* 完整的URL */
  

通常，相对路径用于那些与CSS文件位置有固定关系的资源，而绝对路径用于那些位置固定或来自外部域的资源。使用相对路径可以提高项目的可移植性，因为你可以将文件结构复制到任何位置而不必更改路径。使用绝对路径可以减少因为文件移动或目录结构变化而导致的路径错误。
你那里应该是相对路径写错了，一个./代表的是该目录下的，你可以试试