Question

我是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>

Answer 1

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

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

注意：我还建议您避免使用空格或其他非常规文件名字符。

Answer 2

听起来很傻，当url和（

）之间没有空格时，它对我有用

我还将文件链接更改为"file:///C:/Users/user/Desktop/face.jpg"（在浏览器中打开所需的图像会在地址栏中显示此格式）

Answer 3

我接下来会给你建议：

1）在正文中添加内容，使页面不为空

<body>Some text</body>

2）路径中的名称中有空白符号（空格）的文件夹 - 可能有问题！

我建议您将背景图片放在与HTML文件相同的文件夹中，并按照以下方式编写路径：

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

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

./ current dirrectory

../一个dirrectory up

当我尝试使用css时，为什么不显示任何图像？

3 个答案: