我有一个500x600的photoshop图像，我用作第一个div的背景图像。第二个div位于第一个div的顶部，并填充图像。第一个div的z-index设置为100。
效果是photoshop图像位于所有较小图像的顶部。 photoshop图像是一个字母，其内部内容设置为透明，小图像创建填充。
然而，每个小图像都是链接，但没有链接可访问。我该如何解决这个问题？
我会在这里发布代码，但我完全不知道如何格式化它。我完全不明白键入一个反引号后跟Tab键然后是一个美元符号。所有这一切都是我在这里键入一个反引号，然后在下面的标签部分中输入一个美元符号。
答案 0 :(得分：1)
根据我的理解，“第一个div”的z-index必须是＆lt; “位于顶部的第二个div”的z-index。
答案 1 :(得分：0)
好的..从我读到的所有内容来看，这根本不可能。所以，我这样做了：
使用唯一ID将所有图像加载到此处。 根据与具有唯一ID的第一个div相同的数据加载我的所有链接。我使链接的大小与图像相同并显示：inline-block，一切正常。我现在可以使用jQuery悬停函数来获得我想要的结果。
最重要的是，没有打破html / css验证。唯一的缺点是我的链接/图像是分开的，但流量控制对于屏幕阅读器来说仍然足够清晰。
答案 2 :(得分：0)
也许您可以在css中添加“：hover”，以便在有人试图点击它时隐藏你的Photoshop图片。
.photoshop {z-index:100}
.photoshop:hover {z-index:-1}