0

我正在尝试建立一个小型网站，该网站是一页，正文中有 5 个堆叠的 div。第一个和第二个 div 很好，但之后的所有 div（3、4 和 5）在 IE9 中查看网站时都重复唯一的背景图像。该站点在 FF 20.0.1、IE10、IE 10 兼容性和 IE9 兼容性中运行良好，因此此问题似乎只出现在 IE9 中。除了这 5 个容器之外，我已经从 CSS 和 html 中取出所有内容，发现我无法确定导致背景图像在第 3、第 4 和第 5 个 div 中重复的问题。我还重复了第二个 div，它还复制了第二个实例中的背景。如果有人对我所缺少的有任何见解，我将不胜感激。还，

CSS：

* {
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
body {
    font-family: Myriad, Arial, Helvetica, sans-serif;
}
p {
    margin-bottom: 1em;
}
a {
    color: #60789c;
    text-decoration: none;
}
a:visited {
    color: #60789c;
}
img {
    border: 0;
}
body {
    margin-bottom: 0px;
    margin-top: 0px;
}
div#content {
    margin: auto;
    padding: 0;
    width: 900px;
}
div#SectionOne {
    Background-image: url(../images/section1.jpg);
    height: 707px;
    width: 100%;
}
div#SectionTwo {
    Background-image: url(../images/section2.jpg);
    color: #FFFFFF;
    height: 1159px;
    width: 100%;
}
div#SectionThree {
    Background-image: url(../images/section3.jpg);
    height: 668px;
    width: 100%;
}
div#SectionFour {
    Background-image: url(../images/section4.jpg);
    height: 1385px;
    width: 100%;
}
div#SectionFive {
    Background-image: url(../images/section5.jpg);
    height: 1165px;
    width: 100%;
}

这是 HTML：

<body>
<div id="content">
<div id="SectionOne">

</div>

<div id="SectionTwo">
<a name="SectionTwo" />


</div>



<div id="SectionThree">
<a name="SectionThree"/>

</div>

<div id="SectionFour">
<a name="SectionFour"/>



</div>

<div id="SectionFive">
<a name="SectionFive"/>


</div>

</div>
</body>
4

2 回答 2

0

像这样而不是这样关闭你的a标签<a name="SectionXXX"></a><a name="SectionXXX" />

HTML 

<div id="content">
    <div id="SectionOne">
    </div>
    <div id="SectionTwo">
        <a name="SectionTwo"></a>
    </div>
    <div id="SectionThree">
        <a name="SectionThree"></a>
    </div>
    <div id="SectionFour">
        <a name="SectionFour"></a>
    </div>
    <div id="SectionFive">
        <a name="SectionFive"></a>
    </div>
</div>
于 2013-05-31T06:53:36.037 回答
0

对于您发布的内容，我所能建议的只是您更改Background-image为background-image……但这是一个远景。

你的<a>元素也不完整；并且该name属性现在已过时。请改用 ID。也就是说，如果您想链接到其中一个 div，请使用以下命令：

<a href="#SectionFive">Go to Section Five</a>

然后完全摆脱adiv 中的那些 s 。

于 2013-05-31T06:54:17.613 回答