z-index不使用工具提示

Question

我正在site上使用带有轮播的工具提示。 （左边的那个）

然而，当我将鼠标悬停在图像上时，即使我将z-index设置为500（它仅适用于chrome），工具提示也不会位于“下一个图像”之上。我想这是因为内容页面块不是轮播的父节点。

以下是工具提示的CSS代码：

       a.tooltip2 em {
            display:none;

        }
        a.tooltip2:hover {
            border: 0;
            position: relative;
            z-index: 500 !important;
            text-decoration:none;
        }
        a.tooltip2:hover em {
            z-index: 500 !important;
            font-style: normal;
            display: block;
            position: relative;
            top: 60px;
            left: -500px;
            padding: 5px;
            color: #fff;
            /*border: 1px solid #bbb;*/
            background-color:rgba(11,88,116,0.9);
            box-shadow: 0 0 7px 2px #117194;
            width:400px;
        }

以下是您可以看到问题的屏幕截图：

我在“Prochainement”下徘徊图像。 在工具提示上方仍然可以看到“ribbon”new。

有没有办法解决这个问题？