A HREFリンクは常に

Question

内側のスパンを変更するために動作しません。このJSFiddleを見てみましょう： https://jsfiddle.net/8wbxc2a3/1/

基本的に私はいくつかのテキストにレインボー効果を適用しています。 このテキストを別のWebページにリンクしたいと思っています。 ただし、リンクをクリックしても機能しません。 JSFiddleは私のことを示すために警告を出します。

animateIntervalを125から500に増やすと、再び動作します。ここでの問題はどういうものであり、どのように修正すればリンクが常に機能するのでしょうか？

Answer 1

.test要素にz-indexを変更することにより、それが動作します

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

Updated fiddle