0

我对 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>
4

3 回答 3

1

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

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

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

于 2012-05-06T02:56:32.130 回答
0

听起来很愚蠢，当 url 和 (

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

于 2012-05-06T02:59:27.533 回答
0

接下来我建议你：

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

<body>Some text</body>

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

我建议您将背景图像与 HTML 文件放在同一个文件夹中，并以如下方式写入路径：

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

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

./ 当前目录

../ 一个目录向上

于 2012-05-06T02:59:40.100 回答