Question

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

我在html中正确添加了带有元素的.css文件。但是我从来没有工作过。它开始向我展示背景图像的唯一方法是当我决定创建一个名为bodystyle.css的新.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;
}

Answer 1

这是程序的修改版本

目录结构：在Windows中

d：\ MYPROG \照办\包括\ IMG

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

d：\ MYPROG \样式您的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;
}

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

再见

Answer 2

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

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

Answer 3

您的所有文件（.html，.css和背景图片）都应位于同一文件夹中。试试检查..

CSS我有一个styling.css文件，但忽略了我的CSS代码...但是创建一个新代码使它工作

3 个答案: