Javascript 如何使此链接在此元素上工作？

我想知道如何让链接/a href处理框中的文本？我不确定是什么原因导致链接不工作/不起作用。如果可能的话，我想保留动画，但不确定这是否是导致链接无法工作的原因。提前感谢您的帮助

以下是我的html和css：

。签名{
文字装饰：无；
光标：指针；
}
s
.标志a：悬停{
颜色：浅绿色；
}
.签名{
位置：相对位置；
垂直对齐：顶部；
保证金：0自动；
z指数：-10；
边缘顶部：10px；
显示：内联块；
/*标志宽度*/
宽度：150px；
/*给它一个白色的边框*/
边框：5px实心#fff；
/*将内容文本从标志边缘移开*/
填充物：1em 1em.75em；
/*给它一个阴影，并在顶部插入阴影*/
方框阴影：插入0 1px 1px rgba（0,0,0,0.4），0 5px 10px rgba（0,0,0,0.4）；
/*在支持的位置设置默认的红色背景和红色渐变*/
背景色：#a1cdad；
//背景：线性梯度（顶部，ff9696 0%，c80000 100%）；
/*尝试在旋转时去除锯齿*/
变换样式：保留-3d；
背面可见性：隐藏；
/*漂亮的圆角*/
边界半径：15px；
/*设置回转原点（钉体）*/
变换原点：50%-65px；
/*使用钟摆样式设置摆动动画*/
动画：swing 1.5s无限交替缓进缓出；
}
.标志：悬停{
/*将光标悬停在标志上可停止动画*/
动画播放状态：暂停；
}
.签名p{
/*印刷术*/
/*让我们用大写*/
文本转换：大写；
/*大胆的*/
字体大小：粗体；
/*白色*/
颜色：#fff；
/*居中文本*/
文本对齐：居中；
/*文本阴影：0.02×rgba（0,0,0,1）*/
保证金：0自动；
线高：正常；
}
1便士{
字号：1.5em；
线高：1.5em；
字体系列：“开放式Sans”，无衬线；
}
.签名{
显示：块；
宽度：3.5em；
保证金：自动；
}
.签名：之前{
/*串*/
位置：绝对位置；
内容：“；
/*字符串厚度/颜色*/
边框：2个点#444；
/*与符号连接后隐藏字符串*/
边框底部：无；
左边界：无；
/*字符串“大小”（作为-45度旋转正方形）*/
宽度：100px；
高度：100px；
/*串位置*/
顶部：-55px；
左：50%；
左边距：-50px；
/*字符串构造*/
变换：旋转（-45度）；
/*线状弯曲圆形钉体（不可见）*/
边界半径：0 5px 0 0；
}
.签名：之后{
/*钉子*/
位置：绝对位置；
内容：“；
/*钉头尺寸*/
宽度：10px；
高度：10px；
/*钉头成圆*/
边界半径：50%；
/*钉位*/
顶部：-75px；
左：50%；
左边距：-4px；
/*钉头默认颜色+渐变色（支持时）*/
背景：#4c；
背景：线性梯度（顶部，#4C4C0%，#595959 12%，#666666 25%，#474747 39%，#2C2C50%，#000000 51%，#11111 60%，#2B2B2B2B 76%，#1c1c1c 91%，#131313 100%）；
}
/*符号摆动动画序列*/
@关键帧摆动{
0%{变换：旋转（-3deg）}
100%{变换：旋转（3deg）}
}

---

根本原因是

z-index:-10

在

上。符号

将所有内容移到背景中。而且

a

上缺少

z-index

，这使得它隐藏在绝对定位的元素后面

请参阅更新的代码段：

。签名{
文字装饰：无；
光标：指针；
位置：相对；z指数：1；
}
.标志a：悬停{
颜色：浅绿色；
}
.签名{
位置：相对位置；
垂直对齐：顶部；
保证金：0自动；
/*z指数：-10*/
利润上限：70像素；
显示：内联块；
/*标志宽度*/
宽度：150px；
/*给它一个白色的边框*/
边框：5px实心#fff；
/*将内容文本从标志边缘移开*/
填充物：1em 1em.75em；
/*给它一个阴影，并在顶部插入阴影*/
方框阴影：插入0 1px 1px rgba（0,0,0,0.4），0 5px 10px rgba（0,0,0,0.4）；
/*在支持的位置设置默认的红色背景和红色渐变*/
背景色：#a1cdad；
//背景：线性梯度（顶部，ff9696 0%，c80000 100%）；
/*尝试在旋转时去除锯齿*/
变换样式：保留-3d；
背面可见性：隐藏；
/*漂亮的圆角*/
边界半径：15px；
/*设置回转原点（钉体）*/
变换原点：50%-65px；
/*使用钟摆样式设置摆动动画*/
动画：swing 1.5s无限交替缓进缓出；
}
.标志：悬停{
/*将光标悬停在标志上可停止动画*/
动画播放状态：暂停；
}
.签名p{
/*印刷术*/
/*让我们用大写*/
文本转换：大写；
/*大胆的*/
字体大小：粗体；
/*白色*/
颜色：#fff；
/*居中文本*/
文本对齐：居中；
/*文本阴影：0.02×rgba（0,0,0,1）*/
保证金：0自动；
线高：正常；
}
1便士{
字号：1.5em；
线高：1.5em；
字体系列：“开放式Sans”，无衬线；
}
.签名{
显示：块；
宽度：3.5em；
保证金：自动；
}
.签名：之前{
/*串*/
位置：绝对位置；
内容：“；
/*字符串厚度/颜色*/
边框：2个点#444；
/*与符号连接后隐藏字符串*/
边框底部：无；
左边界：无；
/*字符串“大小”（作为-45度旋转正方形）*/
宽度：100px；
高度：100px；
/*串位置*/
顶部：-55px；
左：50%；
左边距：-50px；
/*字符串构造*/
变换：旋转（-45度）；
/*线状弯曲圆形钉体（不可见）*/
边界半径：0 5px 0 0；
}
.签名：之后{
/*钉子*/
位置：绝对位置；
内容：“；
/*钉头尺寸*/
宽度：10px；
高度：10px；
/*钉头成圆*/
边界半径：50%；
/*钉位*/
顶部：-75px；
左：50%；
左边距：-4px；
/*钉头默认颜色+渐变色（支持时）*/
背景：#4c；
背景：线性梯度（顶部，#4C0%，#595959 12%，#666666 25%，#474747 39%，#2C2C50%，#0