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

Question

我想使用CSS启用链接但仍启用标题.这是我的代码:

CSS和HTML代码:

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

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

不幸的是,将鼠标悬停在链接上时标题不会出现.是否有更好的方法来启用游戏？

Answer 1

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

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

将您的标记更改为此.它会工作.<a>我没有定位标记,而是定位标题的范围.希望能帮助到你.