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