互联网探索放大悬停和z-index

Question

我需要放大将一些图片悬停在网页上。为此，我使用了这个CSS：

span.dropt {

}
span.dropt:hover {
    z-index: 6;
}
span.dropt span {
    position: absolute;
    left: -9999px;
    margin: 4px 0 0 0px;
    padding: 3px 3px 3px 3px;
    border-style:solid;
    border-color:black;
    border-width:1px;
    z-index: 10;
}
span.dropt:hover span {
    left: 40%;
    margin: 10px 0 0 0;
    z-index:20;
} 

问题是使用缩放图像的旧版本会超过非缩放图像。

你有什么建议吗？ 非常感谢