2011-08-30 47 views
0

任何人都知道爲什麼我的標誌顯示兩次?任何人都知道爲什麼我的標誌顯示兩次?

HTML:

<div id="logo"><a href="/Presidente Prude/oferta_do_dia" class="link"> 
     <font color="#264D73"><img src="/static/css/i/logo.png" alt="Cidade Louca" /></font></a></div> 

CSS:

#logo { 
width: 400px; 
height: 125px; 
margin: 3px 0 0 0; 
position: absolute; 
background: url(i/logo.png) no-repeat; 
} 

謝謝...

+0

你能寫出你的問題,以便將來對人們有用嗎? – Gabe

回答

4

那是因爲你設置了兩次 - 一次是div的背景,另一次是img標籤。刪除其中一個,它應該沒問題。

<div id="logo"> 
    <a class="link" href="/Presidente Prude/oferta_do_dia"> 
     <font color="#264D73"><img alt="Cidade Louca" src="/static/css/i/logo.png"></font> 
    </a> 
</div> 
2

因爲你有標誌設置爲背景爲#logo div,你也把它當作一道圖像內的那個div

+1

在附註中,爲什麼你在那裏有一個'font'標籤?它不僅不被使用,而且在使用它的上下文中是不必要的。 – MrMisterMan

0

它在你的HTML,爲#logo格內的<img> ...

<div id="logo"><a href="/Presidente Prude/oferta_do_dia" class="link"> 
     <font color="#264D73"><img src="/static/css/i/logo.png" alt="Cidade Louca" /></font></a></div> 

而且,這也是在你的樣式,但這次爲#logo DIV的背景圖像...

#logo{width:400px;height:125px;margin:3px 0 0 0;position:absolute;background:url(i/logo.png) no-repeat} 

只需拆除一個或另一個按照以下....

如果你想標識有一個超鏈接,先不談HTML(除了刪除不需要的font標籤)和修改CSS來此...

#logo{width:400px;height:125px;margin:3px 0 0 0;position:absolute;} 

如果你不這樣做關心一個超鏈接連接到標誌,先不談CSS和修改HTML這個...

<div id="logo"></div> 
0

你有既有設置,<img>標記與src設置爲相同的圖像。

從div中刪除background-image屬性,或刪除圖像。

0

已添加的標誌放在你的CSS:

#logo { 
width: 400px; 
height: 125px; 
margin: 3px 0 0 0; 
position: absolute; 
background: url(i/logo.png) no-repeat; 
} 

,並在你的HTML:

<img src="/static/css/i/logo.png" alt="Cidade Louca"> 

你應該刪除一個。

相關問題