3

我在这里有代码，我想通过 CSS 使 a href 不可点击：

<div id="header" 
     style="background: url(/uploads/header/derivativesheader.gif)" 
     class="header-link">
  <h1 id="logo" class="notext">
    <a href="/">Title</a>
  </h1> 
</div>

我无法删除硬编码的 href 标记，但想知道是否可以使用 CSS hack 覆盖它的操作。

4

5 回答 5

9

pointer-events您可以使用属性禁止单击事件：http: //jsfiddle.net/NnEXn/

于 2012-06-11T15:50:10.510 回答
2 
<a href="/" class="hide">

.hide {
   visibility: hidden;
}

这将阻止可点击的操作

于 2012-09-26T18:17:58.003 回答
2

删除没有。隐藏是的。

#logo a { 
    display: none;
}

然而，这可能不是想要的结果，因为它也会隐藏锚的内部内容（即Title）。因此，JavaScript 解决方案可能更适合。但要回答这个问题，这是一种仅使用 CSS 的方式。

于 2012-06-11T15:46:34.677 回答
1

我认为这是不可能的（纯 CSS）。我知道使链接不可点击的唯一方法是在链接上放置另一个元素（zindex，仍然是纯 CSS），并且是透明的，以便单击更高的元素而不是链接。

于 2012-06-11T15:46:57.290 回答
0

也许您不能这样做（正如您所说，您不能删除硬编码标签），但如果您可以向 DOM 添加元素，我只需添加一个不带 href 的重复链接并将另一个链接设置为“display:none”。这将保留页面的流程和链接的视觉呈现。

于 2012-09-27T12:06:28.397 回答