Jquery 按钮不存在'；无法正常工作（onclick事件）

我想弄明白为什么我的代码不起作用。只有在单击某个区域时，该按钮才起作用。如果您尝试在文本之间或文本上方单击，则不会发生任何事情。请看我的小提琴：

我想这和我的一个影子有关：

 box-shadow:        inset 0px -4px 5px rgba(255,255,255,0.2),
                        inset 0px 1px 5px rgba(255,255,255,0.2),
                        /**/
                        0px 12px 0px #231F20,
                        0px 14px 0px #231F20,
                        0px 16px 0px #231F20,
                        /**/
                        0px 8px 5px rgba(0,0,0,0.5);

    -moz-box-shadow:    inset 0px -4px 5px rgba(255,255,255,0.2),
                        inset 0px 1px 5px rgba(255,255,255,0.2),
                        /**/
                        0px 12px 0px #231F20,
                        0px 14px 0px #231F20,
                        0px 16px 0px #231F20,
                        /**/
                        0px 8px 5px rgba(0,0,0,0.5);

    -webkit-box-shadow: inset 5px -4px 5px rgba(255,255,255,0.2),
                        inset 5px 1px 5px rgba(255,255,255,0.2),
                        /**/
                        0px 12px 0px #231F20,
                        0px 14px 0px #231F20,
                        0px 16px 0px #231F20;
}

---

您需要适当地设置

transform-origin-y

（y，因为您正在绕X轴旋转）。默认值为50%，这使您无法单击旋转图元的一部分。我认为这有点不可靠，但这似乎是问题所在

transform-origin-y: 0

这将修复它，尽管它确实将按钮向上移动了一点。如果需要，请添加更多上边距：

---

刚刚在SO:或remove-webkit transform:rotateX（35度）上发现相关问题，并调整填充/高度。我不知道你为什么一开始就在旋转…太棒了！这解决了99%的问题。在顶部还有一个小区域，当点击时它什么也不做。@JoshC true，你可以看出我不是CSS人。谢谢大家的帮助。