1

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

我在 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;
}
4

3 回答 3

1

这是您的程序的修改版本

目录结构：windows

D:\MYPROG\wilco\includes\img

在此文件夹中，您的图像 body-bg.jpg 存在

D:\MYPROG\styles 你的 css 文件 NEW .css 存在

最后一个

D:\MYPROG 你的 prog.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;
}

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

再见

于 2013-10-10T06:05:47.320 回答
0

我要“解决”这个问题，按 F12 打开开发者控制台（在大多数现代浏览器中），导航到head元素，然后是link元素，然后在新窗口中打开指向 css 文件的链接。一旦它在那里，按 Ctrl+F5（或 OSX 上的 Cmd+R）。

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

于 2013-10-10T05:28:50.820 回答
0

您的所有文件（.html、.css 和背景图像）都应该在同一个文件夹中。尝试检查..

于 2013-10-10T05:31:19.847 回答