为什么当我尝试使用 css 执行此操作时不会显示任何图像?



我对html和css很陌生。我正在尝试设置背景图像,但没有任何效果。我已经在我的 html 文件所在的文件夹中创建了一个文件夹,并且我还尝试使用图像属性上显示的直接路径。我尝试过的一切都没有奏效。我阅读了很多说明,在线观看了视频,等等,等等。希望有人能帮到我!它看起来很简单,但我在让它工作时遇到了很多麻烦。以下是我拥有一切的方式。

<html> 
<head>
<style type="text/css">
body {background-image:url ("C:/Users/owner/Desktop/site files/images/grass.jpg");}


</style>


</head>

<body>


</body>
</html>

这可能与您的本地 URL 有关。将图像与您的代码放在一起并使用相对路径。

<style type="text/css">
  body {
    background-image: url("../images/grass.jpg");
  }
</style>

注意:我还鼓励您避免使用空格或其他非常规文件名字符。

听起来很愚蠢,当 url 和 (

我还将文件链接更改为类似 "file:///C:/Users/user/Desktop/face.jpg" 的内容(在浏览器中打开所需的图像应该会导致地址栏中出现这种格式)

接下来我会给你建议:

1)在正文中添加一些东西,使页面不为空

<body>Some text</body>

2)路径中的名称中有空白符号(空格)的文件夹 - 这可能是问题!

我建议您将背景图像与HTML文件放在同一文件夹中,并以这种方式写入路径:

body { background-image: url('./grass.jpg'); }

请注意可在路径中使用的特殊标志:

./当前目录

../一个教区向上

最新更新