複製div背景

我正在嘗試構建一個小型網站，它是一個頁面，內有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，它也複製了第二個背景。如果有人對我缺少的東西有任何洞見，我將不勝感激。另外，我在尋找解決方案時發現了無重複和其他想法，但在這一點上我沒有任何工作。複製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>

來源

2013-05-31 Matt H

這裏有一個[小提琴]（http://jsfiddle.net/mv6hY/） – Bigood

閉上你的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-31 06:53:36 3dgoo

所有我可以和你貼什麼建議是，你改變Background-image到background-image ......但是這是一個長鏡頭。

另外你的<a>元素是不完整的;並且name屬性現在已過期。改用ID。也就是說，如果你要鏈接到這些div的一個，使用此：

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

然後，只需在完全的div擺脫那些a S的。

來源

2013-05-31 06:54:17

這並獲得成功！謝謝拉爾夫和其他看過我問題的人。 –

回答

相關問題