请问logo为什么显示不出来
头部LOGO部分的代码如下:<div class="public-header">
<div class="public-container clearfloat">
<div class="header-logo"><a href=""></a></div>
头部样式如下:
.public-header{
height: 110px;
}
.public-container{
position: relative;
margin: 0 auto;
width: 1100px;
}
.public-header .header-logo{
float: left;
margin-top: 40px;
}
logo的图片放在a连接下图片显示不出来,直接放在.header-logo下可以显示出来但是不能点击
.public-header .header-logo a{
height: 54px;
width: 182px;
background: url("../image/public-header-logo.png");
}
.public-header .header-nav{
float: right;
font-size: 14px;
}
.public-header .header-nav .item{
float: left;
margin-left: 50px;
margin-top: 44px;
}
.public-header .header-nav a{
color: #3b3b3b;
}
.public-header .header-nav a:hover{
text-decoration:underline;
}