Question

<!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文件中创建的背景。是因为我需要将这两个文件上传到互联网还是有问题？

Answer 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;
}

我认为这应该有用。

Answer 2

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

Answer 3

检查CSS文件的路径是否正确。我会将HTML和CSS文件放在同一个文件夹中试用。如果它工作，那么文件可以放在不同的文件夹下。另外，请记住为CSS文件提供相对路径。
检查背景图像的路径是否正确。

从我的计算机打开它时，CSS样式表不会影响我的html文件

3 个答案: