popup目前在chrome中不起作用

Question

我想当鼠标悬停在我的网站弹出的图像上时运行。我写了这段代码。

.popupbigimg:hover , .popup:hover  ,.divbigimg:hover {
    z-index: 1000;
    margin: auto;
    background-color: #fff;
    border: 3px solid #fff;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(212, 209, 209, 0.4);
    -ms-box-shadow: 2px 2px 2px 2px rgba(212, 209, 209, 0.4);
    box-shadow: 2px 2px 2px 2px rgba(212, 209, 209, 0.4);

    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);

    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    display: table;

}

此代码目前以ff格式运行，但在chrome no.Please看到此图片：

当弹出图片上显示另一个元素时，您可以在此link中看到我的网站。 请指教。

Answer 1

向z-index添加高#colman2为我解决了这个问题。