Question

我的第一个问题，请放轻松。我已经被困在这一天了一天，无法弄清楚问题是什么。基本上我有一个带有ID的div，我在主div中添加了一个背景URL ..image1。基本上它是我悬停时交换的图像。我已经回到基础，并在一个新文档中尝试了这个代码，它运行得很好。但是，当我在文件中粘贴相同的代码时，我正在尝试处理图像时不显示。不知道会阻止什么呢？

div id正在运行。我用一个空的红色框来测试它。
路径正确。为了简单起见，我甚至将图像粘贴到我的根目录中。仍然没什么。

任何帮助都将不胜感激。

HTML：

<div id="main">

 <h1> <!--  something something about us -->  </h1>

<p>The Custom House clock struck one. Mr. Fogg observed that his    watch was two hours too fast.

Two hours! Admitting that he was at this moment taking an express train, he could reach London and the Reform Club by a quarter before nine, p.m. His forehead slightly wrinkled.</p>


<div id="image1"> </div> <!-- This is the part i'm having trouble with-->

CSS（包括#main的所有css）：

#main h1 {
        text-align: center;
        padding: 30px 0 0 0;
        color: #4b4b4c;
        }


#main {height: 685px;}


#main p {
        padding: 20px 50px 0 50px;
        width: 60%;
        margin: 0 auto;
        text-align: center;
        font-size: 15px;
        color: #868686;
            }


/* rollover css images */

#image1 {
    background: url(contextmap.jpg) no-repeat;
    width: 400px;
    height: 400px;
            }

我还没有添加悬停，因为我甚至无法显示初始图像，但只使用此代码，我的示例中的一切正常。

如果我遗漏了任何东西，请告诉我。就像我说的那样，这是我第一次提出问题。三江源。

Answer 1

您可能需要更改css中的文件路径。

而不是： url(contextmap.jpg)

尝试： url(../images/contextmap.jpg)

可以替换图像以存储jpg的文件夹的名称。

Answer 2

css中的URL是相对于CSS文件的，而不是链接它的HTML文件。如果您将图像和CSS放在同一文件夹中（或者在HTML文件中style标记内的CSS，与HTML文件相同的文件夹中），这应该可以使用。

Div里面的CSS背景网址没有显示出来

2 个答案: