使用CSS禁用链接但启用标题

Question

我想使用CSS启用链接，但仍然启用标题。这是我的代码：

CSS和HTML代码：

＆＃13;

＆＃13;

.disabledLink {
   pointer-events: none;
   opacity: 0.6;
   cursor: default;
 }

＆＃13;

<a href="www.google.com" class="disableLink" title="My Title" /> 
  <span datahover="test">My Link</span> 
</a>

＆＃13;

＆＃13;

＆＃13;

不幸的是，将鼠标悬停在链接上时，标题不会出现。有没有更好的方法来启用标题？

Answer 1

＆＃13;

＆＃13;

.disabled-link {
  pointer-events: none;
}

＆＃13;

<span datahover="test" title="My Title"><a href="www.google.com" class="disabled-link">My Link</a></span>

＆＃13;

＆＃13;

＆＃13;

将您的标记更改为此。它会工作。我没有定位<a>标记，而是定位标题的范围。希望它有所帮助。

Answer 2

您应该将span标记放在link标记内，如下所示：

<a href="www.google.com" class="" title="My Title"> <span datahover="test">My Link</span> </a>