2011-08-30 70 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"> 

你应该删除一个。

相关问题