HREF Link不适用于不断变化的内跨距

时间:2017-01-31 18:33:29

标签: javascript jquery html hyperlink

看看这个JSFiddle: https://jsfiddle.net/8wbxc2a3/1/

基本上我正在对某些文字应用彩虹效果。 我还希望能够将此文本链接到另一个网页。 但是,单击该链接不起作用。 JSFiddle发出警告来证明我的观点。

如果我们将animateInterval125增加到500,它将再次开始工作。这里究竟是什么问题,我们如何解决这个问题,以便链接始终有效?

1 个答案:

答案 0 :(得分:2)

通过更改z-index元素上的.test,它可以正常工作

a {
  position: relative;
  z-index: 1;            /*  Edge/IE wanted this too for it to work  */
}
.test {
  position: relative;
  z-index: -1;
}

Updated fiddle