是否可以使用CSS删除一个href标签？

Question

我在这里有代码，我想通过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覆盖它的动作。

Answer 1

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

Answer 2

删除号。 隐藏是。

#logo a { 
    display: none;
}

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

Answer 3

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

Answer 4

<a href="/" class="hide">

.hide {
   visibility: hidden;
}

这将阻止可点击的操作

Answer 5

也许你不能这样做（因为你说你不能删除硬编码的标签），但如果你可以添加元素到DOM，我只需添加一个没有href的重复链接，并将另一个设置为'display：没有'。这将保留页面的流程和链接的可视化呈现。