在侧 div 上缩放图像

Question

为了更加关注图像，我尝试在鼠标悬停时创建缩放效果。 objective 已完成 50%，我唯一不能做的就是将 img 标记置于该图像旁边的列的顶部。

这是结果：

有我的 css 悬停代码 img:

.box-imagem img:hover {
    z-index: 999999;
    transform:scale(1.1);
    -ms-transform:scale(1.1); /* IE 9 */
    -moz-transform:scale(1.1); /* Firefox */
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -o-transform:scale(1.1); /* Opera */
}

关于什么应该起作用有什么想法吗？

谢谢！

Answer 1

.tcb-flex-col.tve_empty_dropzone:hover {
    z-index: 9999999;
}

玩这个 - 你的容器正在为 powerrrrr 战斗。 :)

Answer 2

您可以通过两种方式进行此操作

1)

.tcb-flex-col>.tve_empty_dropzone:hover {
        z-index: 9999999;
    }

2)

.tcb-flex-col.tve_empty_dropzone:hover {
        z-index: 9999999;
    }

在侧 div 上缩放图像

Zoom image over side divs

css

image

hover

zooming