Javascript 悬停不识别图像

我正在设计一个导航页面，但我遇到了一个问题。我的徽标下方有均匀分布的图标，但当我将鼠标悬停在图标上方时，我无法选择单击图标将我重定向到a href中设置的网站。我相信这与我对齐图像的方式有关，但我似乎找不到任何其他方法来实现这一点。我还为随机背景动画运行了一个javascript，但我不认为这会干扰任何东西。非常感谢您对如何使悬浮器工作的任何帮助

（下面代码的粘贴位置：）

欢迎来到VortexPvP！
（功能（）{
/**
作者：@manufosela
2013/08/27版权所有2013
ShootingStar类的主要方法：
发射：param每N秒发射一次流星。默认为10秒。
launchStar：发射流星。param通过以下方式接收到选项对象：
-方向（0和1之间的方向）
-寿命（在100到400之间）
-波束大小（介于400和700之间）
-速度（介于2和10之间）
**/
ShootingStar=函数（id）{
这个。n=0；
这是m=0；
this.defaultOptions={velocity:8，starSize:10，life:300，beamSize:400，dir:-1}；
this.options={}；
id=（id的类型！=“未定义”）？id:；
this.capa=（$（id）.lenght>0）？“body”：id；
this.wW=$（this.capa）.innerWidth（）；
this.hW=$（this.capa）.innerHeight（）；
};
ShootingStar.prototype.addBeamPart=函数（x，y）{
这个.n++；
var name=this.getRandom（100,1）；
$（“#star”+name）.remove（）；
$（this.capa）。追加（“”）；
$（“#星”+名称）。附加（“·”）；
if（this.n>1）$（“#haz”+（this.n-1））.css（{color:“rgba（255255,0.5）”}）；
$（“#haz”+this.n）.css（{top:y+this.n，left:x+（this.n*this.options.dir）}）；
}
ShootingStar.prototype.delTrozoHaz=函数（）{
这个.m++；
$（“#haz”+this.m）.设置动画（{opacity:0}，75）；
如果（this.m>=this.options.beamSize）{$（“#ShootingStarParams”）.fadeOut（“slow”）}
}
ShootingStar.prototype.getRandom=函数（最大值、最小值）{
返回Math.floor（Math.random（）*（max-min+1））+min；
}
ShootingStar.prototype.toType=函数（obj）{
如果（typeof obj==“undefined”）{返回“undefined”/*考虑：typeof null===object*/}
如果（obj==null）{返回“null”；}
var type=Object.prototype.toString.call（obj.match（/^\[Object\s（.*）\]$/）[1]| |“”；
开关（类型）{
案例'Number'：if（isNaN（obj））{return“nan”}else{return“Number”}
大小写'String'：大小写'Boolean'：大小写'Array'：大小写'Date'：大小写'RegExp'：大小写'Function'：返回类型.toLowerCase（）；
}
if（typeof obj==“object”）{返回“object”}
返回未定义；
}
ShootingStar.prototype.launchStar=函数（选项）{
if（this.toType（options）！=“object”）{options={}；}
this.options=$.extend（{}，this.defaultOptions，options）；
这个。n=0；
这是m=0；
var i=0，l=this.options.beamSize，
x=this.getRandom（this.wW-this.options.beamSize-100100），y=this.getRandom（this.hW-this.options.beamSize-100100），
self=这个；
对于（；i修改您的
#拇指
css以具有相对位置并添加z索引。名为
顶部图像
的div覆盖您的
拇指

#thumbs {   
    position: relative;
    width: 1000px;
    margin-top: 500px;
    margin-left: auto; 
    margin-right: auto;
    z-index: 10000;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

#thumbs {   
    position: relative;
    width: 1000px;
    margin-top: 500px;
    margin-left: auto; 
    margin-right: auto;
    z-index: 10000;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}