Html 每个SVG下的可单击空白

每个SVG下面都有可单击的空白

也就是说，当单击该区域时，不会发生任何事情，也不会打开任何视频

框内的整个区域应可单击

代码：

另外，当你在那个区域上悬停时，为什么会有两个不同的鼠标光标

这一切将如何解决

如果问题出在html中，有什么地方写得不正确

const load=（函数makeLoad（））{
“严格使用”；
功能加载（标签）{
返回函数（url）{
返回新承诺（函数（解析）{
常量元素=document.createElement（标记）；
const parent=“body”；
const attr=“src”；
element.onload=函数（）{
解析（url）；
};
元素[attr]=url；
文档[parent].appendChild（元素）；
});
};
}
返回{
js:_加载（“脚本”）
};
}());
const videoPlayer=（函数makeVideoPlayer（）{
“严格使用”；
常量玩家=[]；
让playerVars={}；
函数onPlayerReady（事件）{
const player=event.target；
player.setVolume（100）；//百分比
}
让hashuffled=false；
函数onPlayerStateChange（事件）{
const player=event.target；
如果（！hashuffled）{
player.setShuffle（真）；
playevideoat（0）；
hashhuffled=true；
}
如果（event.data==YT.PlayerState.PLAYING）{
for（设i=0；i
html，
身体{
身高：100%；
保证金：0；
填充：0；
}
身体{
背景:353198 ;；
}
.外部{
显示：表格；
身高：100%；
保证金：0自动；
}
特塞尔先生{
显示：表格单元格；
垂直对齐：中间对齐；
}
svg{
边框：实心；
}
1.集装箱剩余{
浮动：左；
宽度：606px；
保证金：0；
}
.集装箱左.濑鱼{
位置：相对位置；
宽度：606px；
利润率：45px0；
溢出：隐藏；
边界半径：25px；
边框：3px实心#0059dd；
框大小：边框框；
背景位置：0-600px；
背景大小：100%200%；
}
.集装箱左.包装.导航{
保证金：0；
填充：0；
列表样式：无；
}
.集装箱左.wraph.导航李{
保证金：0；
填充：0；
浮动：左；
}
.集装箱左.wraph.导航李{
浮动：左；
宽度：198px；
高度：198px；
利润率：0.3px 0；
背景：rgba（0,0,0,0.2）；
}
.集装箱左。包裹。导航李：第n种类型（3n+2）{
利润率：0.3px 0.3px；
}
.集装箱左。包裹。导航李：第n个类型（n+7）{
页边距底部：0；
}
.container left.wraph.nav li svg{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
光标：指针；
填充：蓝色；
}
.container left.wraph.linesa：：之前，
.container left.wraph.linesa:：之后{
内容：“；
位置：绝对位置；
排名：0；
左：198px；
宽度：3倍；
身高：100%；
背景#0059dd；
}
.container left.wraph.linesa:：之后{
左：399px；
}
.容器左.包装线B：：之前，
.容器左.包装线B：：之后{
内容：“；
位置：绝对位置；
顶部：198px；
左：0；
宽度：100%；
高度：3倍；
背景#0059dd；