我已经稍微修改了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是我常用的修复方法,但我似乎无法找到在项目嵌套中使用它的方法。
这是一个截图,显示了项目在增长时如何被切断:
答案 0 :(得分:0)
那是因为父div的overflow属性设置为hidden,你不能将它设置为visible,因为它会显示轮播的隐藏幻灯片。 我建议你让比例变小一点