ビジュアルコンポーザー/マッシブアドオンでCSSトランスフォームのスケールが重複する

Question

アイテムの上にカーソルを置くと、そのアイテムが大きくなるようにカルーセル（VCのMassive Addonsから）を少し修正しました。問題は、アイテムが大きくなるとアイテムの境界線で切り取られることです。ここで

ページです： http://tn-2017-12-vrshealth.pantheonsite.io/tn-2/

私はいくつかの理由のためのVCを使用する必要があるので、私は迅速なCSSの変更を行うことが考え理由です。ここで私はアニメーションのために追加したコードです：

.grow-image .mpc-carousel__item-wrapper { 
    transition: all 300ms ease-in-out; 
} 
.grow-image .mpc-carousel__item-wrapper:hover { 
    transform: scale(1.5, 1.5); 
    transition: all 300ms ease-in-out; 
    z-index: 1000; 
} 

Z-indexが私のいつもの修正であろうが、私はアイテムのネストにそれを使用する方法を見つけるように見えることはできません。

Answer 1

親のdivが非表示に設定さoverflowプロパティを持って、そしてあなたがそれを設定することができないためです。ここで

は、それが成長したときにアイテムが切断取得する方法を示してスクリーンショットですカルーセルの隠されたスライドが表示されるので目に見えます。 スケール変換を少し小さくするようアドバイスをしてください。