Question

我似乎无法弄清楚为什么我的标题背景不会显示。我在html中删除了大量的图像和内容，但这是我的代码 - 如果你知道为什么我的标题图片不会显示，请告诉我。谢谢

这是html：

<DOCTYPE html>

<html lang='en'>
<head>
    <meta charset="UTF-8" />
    <title>fbgfbmgkfnf</title>
    <link rel="stylesheet" type="test/css" href="css/style.css" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

<script type="text/javascript" src="js/jquery.timers-1.2.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

<script type="text/javascript" src="js/jquery.galleryview-3.0-dev.js"></script>
<link type="text/css" rel="stylesheet" href="js/jquery.galleryview-3.0-dev.css" />


</head>

<body>
<center>
<div id="header">
<div id="cf">
<a href="index.html">
  <img class="bottom" src="images/nav/home1.png" />
  <img class="top" src="images/nav/home.png" /></a>
</div>
</div>

这是我的CSS：

#header {
background-image: url(images/tweed1.png);
}

Answer 1

您需要返回图片的文件夹。将您的CSS更改为以下内容。

#header {
background-image: url(../images/tweed1.png);
}

Answer 2

似乎是css文件的问题：尝试这个将工作，请尝试添加“括号”或更改网址与存在的内容，如

HTT *：//jsfiddle.net/xbAGj/

包含其他div的div的背景图片？

2 个答案: