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