Question

html {
  background : url(../images/20141105_183642.jpg) left top no-repeat fixed;
  background-size : cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

<style type="text/css">
body {
    background:url (../images/20141105_183642.jpg) #000000 no-repeat left top;
    background-size: 100%;
}

到目前为止，文本和链接都可以，所以我只会包含后台CSS部分。在我将我的html和css移动到有组织的文件夹之前（以上只是我大学任务的一部分，我遇到了麻烦。）我可以从错误的地方得到一些启示吗？由于我的索引页面没有完全加载，我开始在这个上拉我的头发。非常感谢！

Answer 1

CSS规则必须包含在<style>标记（，应使用</style> 关闭）中，如果它们不在外部文件中。

  <style type="text/css">
    html {
      background : url(../images/20141105_183642.jpg) left top no-repeat fixed;
      background-size : cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    body {
        background:url (../images/20141105_183642.jpg) #000000 no-repeat left top;
        background-size: 100%;
    } 
  </style>

Answer 2

您应该从代码段中删除<style type="text/css">;你说你把你的CSS和HTML移动到有组织的文件夹中，我假设你把它移到了.css文件中？

如果是这样，您可以将它（假设它在同一目录中）导入到您的.html文件中： <link href="styles.css" rel="stylesheet" type="text/css">

您应该将该行放在html文档中的<head>和</head>标记之间。

我是编码的新手，我不太清楚为什么我的index.html不能正确加载。

2 个答案: