Question

CSS：

#header .logo
{
    float:left;
    width:200px;
    height:39px;
    text-align:left;padding-top:10px;
}

.header_resize 
{
    width:960px;
    height:140px;
    margin: 10px auto 0;
}

#header .logo 
{
    float:left;
    padding: 0px 0px 0px 0px;
}

HTML：

<a href="home.html"><div class="logo"><img src="images/logo/logo.jpg"></div></a>

我不知道此代码的问题是什么，当我点击徽标图片时，它不会刷新页面，也会隐藏标题中的徽标图像。在IE中，它仅在标题区域中打开一个新页面，并且页面的其余部分不会刷新。我只是想要一个带链接的徽标，这样当我点击徽标时它指的是主页。

Answer 1

a是内联元素，div是块元素。在内联元素中包含块元素是无效的。试试这个：

<a id="homelink" href="home.html"></a>

CSS：

#homelink {
    display:block;
    width:200px;
    height:39px;
    margin-top:10px;
    background-image:url('/images/logo/logo.jpg');
}

Answer 2

喜欢这个

{p> remove div代码和add分类a分类

<强> HTML

     <a href="home.html" class="logo" >
      <img src="images/logo/logo.jpg">
     </a>

<强> DEMO

Answer 3

在分区框中使用HREF的CSS中的background-image: url('image')

带有链接的徽标

3 个答案: