Html Internet Explorer标签链接不工作 我用Zurb的基础框架来构建一个站点。我有一个侧面导航，除了IE（当然）之外，它在所有浏览器中都能正常工作。在IE中，如果您尝试单击侧边栏链接，则如果您尝试单击文本，则不会起作用。如果您单击文本或图标周围的框，它将起作用。我猜这与IE处理标记的奇怪方式有关，但我不确定如何修复它。有人知道我应该怎么做才能让链接正常工作吗

家
资源
报告
团队
1.
支持票
导演信息
合并帐户

---

我应该提到，如果我删除

标记，它显然是有效的，但随后我的CSS就乱七八糟了。想知道是否有更简单的解决方案。

我使用的是基础图标栏。 尝试在标签上使用指针事件：无

。项目标签{
指针事件：无；
}

对不起，刚刚更新了。似乎每次我在问题中加入代码时，人们都会问我一个问题。我想从现在开始我会两全其美。你用a干什么？看来你用错了。侧导航是基础导航和导航的组合。在他们的图标栏代码中，他们使用标签，我也这样做了。有人有什么想法吗？我被卡住了。这并没有修复无效的标记，但至少它只适用于3行CSS代码，谢谢。

<!-- Sidebar Navigation -->
<div class="sidebar left clearfix">
    <div class="icon-bar vertical five-up label-right left clearfix">
      <a class="item" id="home">
        <i class="fa fa-home fa-2x fa-fw"></i>
        <label>Home</label>
      </a>
      <a class="item" id="resources">
        <i class="fa fa-folder-open fa-2x fa-fw"></i>
        <label>Resources</label>
      </a>
      <a class="item" id="reports">
        <i class="fa fa-pie-chart fa-2x fa-fw"></i>
        <label>Reports</label>
      </a>
      <a class="item" id="team">
        <i class="fa fa-users fa-2x fa-fw"></i>
        <label>Team</label>
      </a>
      <a class="item" id="support-tickets">
        <span class="notification-container">
            <i class="fa fa-envelope fa-2x fa-fw"></i>
            <span class="notification-counter">1</span>
            <label>Support Tickets</label>
        </span>
      </a>
      <!-- These Last 2 Items to Be Displayed Only On Certain Pages as Necessary -->
      <a class="item" id="director-info">
        <i class="fa fa-shield fa-2x fa-fw"></i>
        <label>Director Info</label>
      </a>
      <a class="item" id="merge-accounts">
        <i class="fa fa-compress fa-2x fa-fw"></i>
        <label>Merge Account</label>
      </a>
    </div>
</div>
<!-- End Sidebar -->