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;
}