css - CSS 透视错误

Question

当尝试应用带有透视的 CSS 变换时，我遇到了一个奇怪的故障，即 div 的上半部分是不可选择的。我在jsfiddle上创建了一个快速演示

[顶部选择的红色框应该是可点击的等]

有谁知道如何解决这一问题？我查看了其他类似的错误，但他们的解决方案似乎在这里不起作用。

干杯

Answer 1

这应该可以解决问题

.ca-item { 
-webkit-transform: skewX(-5deg) scale(1, 1);
-moz-transform: skewX(-5deg) scale(1, 1);
-ms-transform: skewX(-5deg) scale(1, 1);
transform: skewX(-5deg) scale(1, 1);
background-color: blue;
position:relative;
width:1060px;
height:550px;
text-align:center;
}