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