内联块链接在Microsoft Edge中不起作用

时间:2015-11-04 20:12:43

标签: html css microsoft-edge

我遇到了Microsoft Edge中的一个错误,其中<a>标记无法点击。我设法将它提炼到这里最简单的例子:

a {
  visibility: hidden;
  display: inline-block;
}

a::after {
  visibility: visible;
  content: "more";
}
<span>
  <a href="#">go!</a>
</span>

如果有人有任何想法,我真的很感激。谢谢!

1 个答案:

答案 0 :(得分:0)

免责声明:我在这里使用的是IE11,但是你为Edge描述了同样的问题,所以我希望这个解决方案也适用于那里。
但这有点像黑客;如果有更好的解决方案,我很乐意删除这个。

a {
  display: inline-block;
  overflow:visible;
  color:white; /* note: use current background color */
  position:relative;
}

a::after {
  color:black; /* note: use current foregound color */
  content: "more";
  position:absolute; left:0; top:0;
}
<span>
  <a href="#">go!</a>
</span>