CSS转换比例在Visual Composer / Massive Addons中重叠

时间:2017-12-03 21:41:43

标签: css wordpress css3 overlap visual-composer

我已经稍微修改了Carousel(来自Massive Addons for VC),这样如果你将鼠标悬停在一个项目上,它就会增长。问题是当项目的边界增长时它会被边界切断。

这是页面: 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是我常用的修复方法,但我似乎无法找到在项目嵌套中使用它的方法。

这是一个截图,显示了项目在增长时如何被切断:

enter image description here

1 个答案:

答案 0 :(得分:0)

那是因为父div的overflow属性设置为hidden,你不能将它设置为visible,因为它会显示轮播的隐藏幻灯片。 我建议你让比例变小一点