-3 
<!DOCTYPE html>

 <html>

 <head>
 <link rel="stylesheet" type="text/css" href="background.txt">

 </head>

 <body>

 </body>

  </html>

内容background.txt：

 html { 
 background: url(desktop/dotcheese.jpeg) no-repeat center center fixed; 

 -webkit-background-size: cover;

 -moz-background-size: cover;

 -o-background-size: cover;

  background-size: cover;

  }

这是我的代码。想象一下每个标签后面仍然有不等式符号。当我打开 html 文件时，它是空白的，并且不显示我在 css 文件中制作的背景。是因为我需要将两个文件都上传到互联网还是有什么问题？

4

3 回答 3

1

如果我是你，我会尝试在 body 标签中包含一些内容，并将 CSS 背景属性设置为 body 标签或内部 div，而不是 html 标签。另外，为什么不将 CSS 文件重命名为 .css？例子：

<html>
  <head>
  <title>Test</title>
  <link rel="stylesheet" type="text/css" href="background.css">
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

body {
  background: url(desktop/dotcheese.jpeg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

我认为这应该有效。

于 2013-02-24T16:55:31.027 回答
0

我认为背景图像的路径是错误的。您似乎正在尝试访问桌面上的文件，但相对路径很可能不正确。尝试移动文件夹中的所有 3 个文件并更改背景： url( desktop /dotcheese.jpeg) no-repeat center center fixed；到背景：url（dotcheese.jpeg）无重复中心中心固定；

于 2013-02-24T17:10:50.987 回答
0

  1. 检查 CSS 文件的路径是否正确。我会将 HTML 和 CSS 文件放在同一个文件夹中进行试用。如果可行，则可以将文件放在不同的文件夹下。另外，请记住提供 CSS 文件的相对路径。

  2. 检查背景图像的路径是否正确。

于 2013-02-24T17:50:31.233 回答