CSS 我有一个样式.css文件，但忽略了我的 CSS 代码.但是创建一个新的可以使它起作用

所以我遇到了这个麻烦，我的背景图像根本不起作用......

我用 html 中的元素正确添加了.css文件。然而，我从来没有让它工作。它开始向我展示背景图像的唯一方法是当我决定创建一个新的.css文件时，我称之为bodystyle.css它最终确实向我展示了背景图像。

使用的代码是下面的代码...我只是将其粘贴到新的.css文件中并包含新文件，它就像一个魅力......为什么会这样？有人遇到过这种情况吗？

body {
    height: 100%;
    font-size: 62.5%;
    font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
    color: #333;
    background: url('http://wilco/includes/img/body-bg.jpg');
    padding-top: 0px;
}
a {
    color: #4681da;
    text-decoration: none;
}

这是程序的修改版本

目录结构：在窗口中

D：\MYPROG\wilco\include\img

在此文件夹中，您的图像正文-BG.jpg存在

D：\MYPROG\styles您的 css 文件新.css存在

最后

D：\MYPROG您的程序.html文件存在

代码如下

<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>
    <link href="styles/NEW .css" rel="stylesheet" type="text/css"/>
  </head>
  <body>
  <div>
  <p> This is my Background</p>
  </div>
  </body>
</html>

这是你的CSS文件

body {
    height: 100%;
    font-size: 62.5%;
    font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
    color: #333;  width:970px;height:;background-position: center top; 
    margin:auto;
    background-image: url("../wilco/includes/img/body-bg.jpg");
    background-repeat: repeat;
    padding-top: 10px;
}
a {
    color: #4681da;
    text-decoration: none;
}

我在我的电脑中尝试它的工作。您尝试使用您的图像并告诉我是否有任何疑问

再见

我要"修复"这个问题，是 F12 打开开发人员控制台(在大多数现代浏览器中(，导航到 head 元素，然后导航到链接元素，然后在新窗口中打开指向 css 文件的链接。到达那里后，按 Ctrl+F5(或 OSX 上的 Cmd+R(。

然后返回并刷新您的页面...

您的所有文件(.html，.css 和背景图像(都应位于同一文件夹中。尝试检查一下..

相关内容

最新更新

热门标签：