Question

以下html仅适用于IE，但不适用于Firefox。谁能明白为什么？感谢

<a href="../homepage.aspx" id="aHomepage">
                        <td id="myHeader_td0_a" class="Tab_White" width="61" align="center" valign="middle">Home</td>

                    </a>

Answer 1

将<a>放入表格单元格内。

<td id="myHeader_td0_a" class="Tab_White" width="61" align="center" valign="middle"><a href="../homepage.aspx" id="aHomepage">Home</a></td>

如果您希望整个单元格成为链接，请使用CSS使<a>填充单元格或使用JavaScript使整个单元格响应onclick事件。

Answer 2

它在FF中不起作用，因为这是不好的标记。不要用锚点包裹td。浏览器会尝试尽可能地解释您的HTML。你很幸运，IE这次决定玩得很好。而是这样做：

 <td id="myHeader_td0_a" class="Tab_White" width="61" align="center" valign="middle">
     <a href="../homepage.aspx" id="aHomepage">Home</a>
  </td>

要使<TD>大小的锚使用这样的css：

td a{
  display:inline-block;
  height: 100%;
  width: 100%;
}

锚点是内联元素，没有高度。要使其尊重高度，请使其display: inline-block，使其保持内联，但尊重height和width，就像块级元素一样。

编辑：传递深度变量的一种方法是在锚点上设置属性并通过click事件获取该属性：

<a href="../homepage.aspx" id="aHomepage" depth='100'>Home</a>

然后您可以使用js来获取值（大致这样，因为我不知道您的事件是如何设置的）：

$("a").click(function(){
   this.getAttribute("depth");
});

抱歉，我没有将VB代码添加到锚点。

<a> tag will not work in firefox, only in IE</a>

2 个答案: