覆盖图像无效的图像映射+ JSFiddle

Question

我想创建一个网络，具有灰色基础结构和许多叠加图像，使其变得鲜艳。此外，我使用js使图像地图响应，工作，但如果我想制作叠加图片，图像地图不再工作。

这是我的小提琴http://jsfiddle.net/RNj5V/

.page-title-wrapper {
    position:relative;
}
.imgA1 {
    z-index: 25;
}
.imgB1 {
    position:absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
}
.imgC1 {
    position:absolute;
    top: 0px;
    left: 0px;
    z-index: 4;
}

感谢您的帮助

Answer 1

您可以使用pointer-events:none;来覆盖下方的图片。 http://jsfiddle.net/RNj5V/1/

但这不适用于较旧的浏览器