Question

更新： JS小提琴解决此问题：http://jsfiddle.net/Ey4aH/2/，在IE中运行并查看问题。

我正在使用以下代码，这是菜单集的一部分。

<div class="profile-menu">
              <ul>
                <li><a class="current" href="javascript:void('0');">
                  <table width="153" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td width="22"><img src="images/about-icon.png" width="16" height="16" /></td>
                      <td width="135">About</td>
                    </tr>
                </table>
                  </a> </li>
                <li><a href="/friend/viewfriends/<%=temp.getString("user_id")%>">
                  <div><table width="153" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td width="22"><img src="images/friends-icon.png" width="16" height="16" /></td>
                      <td width="135">Friends</td>
                    </tr>
                </table></div>
                </a>
                </li></ul></div>

这适用于其他浏览器，但在IE中，当我尝试单击“朋友”文本链接时，它无效。但是当我点击图标时，它工作正常。任何人都可以帮我找到问题所在。

Answer 1

如果您不使用<a>标记内的表格，则会更好但在每个<a>元素中使用<td>标记。

Answer 2

当表只用于显示表格数据时，看起来好像是在使用表来显示内容。

'A'标签不能包含表格或其他块级元素，并且可以在所有浏览器中播放。

最好的解决方案是在不使用表的情况下重新创建设计。

或者，您可以通过使用javascript启用桌面上的点击来实现您的目标。

HTML5允许将块级元素包装在“a”标记内：

http://davidwalsh.name/html5-elements-links

链接在IE中无法点击

2 个答案: