CSS 变换比例在 Visual Composer/Massive 插件中重叠

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 将溢出属性设置为隐藏，您不能将其设置为可见，因为它会显示轮播的隐藏幻灯片。我建议你把比例变换小一点

CSS 变换比例在 Visual Composer/Massive 插件中重叠

CSS transform scale getting overlapped in Visual Composer/Massive Addons

wordpress

css

overlap

visual-composer