Javascript 在Wordpress网站上自定义css后JS不工作

我目前正在通过wordpress开发一个在线商店。一切正常，现在我想给我的页面添加一个自定义边框（倒圆角），并找到了css代码，如图所示：

css:

html:

你好

我重命名了这些类，以避免与主题的现有css类发生冲突。如图所示，它工作正常：。现在的问题是，我不能再与网站互动了，没有链接，没有悬停效果。看起来自定义css覆盖了实际站点。你有什么建议我可能做错了什么

另外，我编辑了header.php，使倒角div和倒角div位于页面包装div（站点内容）的正下方，并在footer.php中编辑了页面包装div关闭上方的倒角div和倒角div关闭

添加：

pointer-events: none;

---

到

.CSS的下角，这样鼠标就可以通过了。
在
自定义.CSS中，您有：

.top-corner, .bottom-corner {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;

}

这基本上覆盖了整个页面，因此禁用了任何交互。
我建议更改以下css规则的另一个选项

CSS

.top-corner, .bottom-corner {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}

用下面的代码替换上面的代码

.top - corner, .bottom - corner {
    position: absolute;
    width: 100 % ; 
}

此解决方案将适用于所有现代浏览器和IE8及以上版本（我不确定IE的较低版本，但它可能也适用于它们）
DIV
。下角与您的所有站点重叠。设置
指针事件：无
将修复此属性，但较旧的浏览器不支持此属性。@Rob您是指除IE10以外的所有浏览器。请注意，这在IE10或更低版本上不起作用。哦，我忘了这个该死的IE。去他妈的那些仍然使用IET的人，谢谢你。这一行修复了它：DNice:）如果您满意，请验证答案。（对我来说，你验证的“答案”是诊断，但它根本没有带来解决方案。它只是告诉你你做错了什么，但没有带来解决方案。我的答案是解决方案。）这是诊断，而不是解决方案：）这是对OP问题“你有什么建议我可能做错了什么？”啊，这实际上是有意义的：DFYI，这类问题的原因很容易通过浏览器开发人员工具中的Inspector type工具发现。例如，
.top-corner, .bottom-corner {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}

.top - corner, .bottom - corner {
    position: absolute;
    width: 100 % ; 
}