我试图弄清楚为什么我的代码不起作用。仅当您单击某个区域时，该按钮才起作用。如果您尝试单击文本之间或上方，则什么也不会发生。请在这里查看我的小提琴：
我认为它必须与我的阴影之一有关：
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
尽管可以将按钮向上移动一点，但可以解决此问题。如果需要，可增加更多的上边距：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句