Html 引导模式，内容为图像链接和重叠关闭按钮-如何关注关闭按钮

我有一个模式，内容是图像链接和重叠的关闭按钮。但是，“关闭”按钮无法聚焦。而不是关闭按钮，链接被聚焦，因此被点击

这是我目前为止的工作。所有我想要的是关闭按钮的重点，同时保持完整的图像链接完好无损。请帮助实现它

$（“#adModalLarge”）.modal（“show”）
。模式已满。关闭{
位置：绝对位置；
顶部：5px；
右：25px；
字体大小：60px；
字体大小：粗体；
过渡：0.3s；
z指数：9！重要；
不透明度：0.6；
}
.模态lg.关闭{
位置：绝对位置；
顶部：5px；
右：25px；
字体大小：40px；
字体大小：粗体；
过渡：0.3s；
z指数：9！重要；
不透明度：0.6；
}
.关闭：悬停，
.结束：聚焦{
不透明度：0.9！重要；
文字装饰：无；
光标：指针；
}
.viewindex{
z索引：999999999！重要信息
}
.全模式{
宽度：100%！重要；
身高：100%！重要；
最小宽度：100%！重要；
最小高度：100%！重要；
最大宽度：100%！重要；
最大高度：100%！重要；
填充：0！重要；
保证金：0；
}
.模态完整。模态内容{
身高：100%！重要；
最小高度：100%！重要；
最大高度：100%！重要；
}

×
您需要删除
指针事件：无来自
.model对话框


$（“#adModalLarge”）.modal（“show”）
.modal对话框{
指针事件：自动！重要；
}
.模式已满。关闭{
位置：绝对位置；
顶部：5px；
右：25px；
字体大小：60px；
字体大小：粗体；
过渡：0.3s；
z指数：9！重要；
不透明度：0.6；
}
.模态lg.关闭{
位置：绝对位置；
顶部：5px；
右：25px；
字体大小：40px；
字体大小：粗体；
过渡：0.3s；
z指数：9！重要；
不透明度：0.6；
}
.关闭：悬停，
.结束：聚焦{
不透明度：0.9！重要；
文字装饰：无；
光标：指针；
}
.viewindex{
z索引：99999！重要
}
.全模式{
宽度：100%！重要；
身高：100%！重要；
最小宽度：100%！重要；
最小高度：100%！重要；
最大宽度：100%！重要；
最大高度：100%！重要；
填充：0！重要；
保证金：0；
}
.模态完整。模态内容{
身高：100%！重要；
最小高度：100%！重要；
最大高度：100%！重要；
}

×
那么链接将如何工作呢？正如你们所看到的，图像标签被包装在锚定标签中，若我按照你们的建议去做的话。链接将停止工作。您现在可以检查吗？