代码之家  ›  专栏  ›  技术社区  ›  Ahmed

锚点标签href不起作用

  •  3
  • Ahmed  · 技术社区  · 16 年前

    编辑: 关闭锚固定。在以下浏览器上测试时存在此问题:

    • 火狐3.5

    在IE 8上运行没有问题

    我这里的问题真的很奇怪。简而言之,看看下面的html:

    <a href="login_page.html" class="img">
        <span class="img_holder">
            <img src="images/columnists/mike_zeisberger248.jpg" onerror="this.src='default.jpg'"/>
        </span>
        <span class="btn">track him</span></a>  
    

    这是 img_holder

    .img_holder{
        border: 1px solid #c8c8c8;
        display:block;
        background:#fff; 
        height: 100px
    }
    

    和那个 img 类别:

    .img{
        _margin:0 12px 12px 0;
    }
    

    现在,问题是,单击嵌套在锚点标记内的图像不会带您到其href链接(想想看,当鼠标悬停在图像上时,href链接会显示在状态栏中,在新选项卡中打开时会完全打开)。

    2 回复  |  直到 13 年前
        1
  •  7
  •   Quentin    16 年前

    某些浏览器的锚点存在以下问题 display: inline display: block .

    使用规则集 .img 选择器。

    另见 http://validator.w3.org/ --这是一个很好的第一步,可以找到QA问题的低挂果实。您的示例代码似乎有一些错误。

        2
  •  5
  •   Williham Totland    16 年前

    嗯,很少有明显的问题出现;一个是/在你之前 onerror 第二个是 <a>