PNG图像背景块链接,仅适用于FF

时间:2013-07-27 13:03:11

标签: css png

我在一个div中有一个导航菜单,其他div中的背景图像设置为绝对值,因为它必须位于网站的某个不同位置。现在该图像是透明的PNG,它阻止点击导航中的最后一个链接,因为该图像在技术上位于该链接之上(在视觉上不是)。

所以我将z-index:1设置为菜单并且仅在Firefox上修复了问题,链接变为可点击。但它不适用于Chrome,Opera和IE。

可能是什么问题?

有一个屏幕截图,因为你可以看到女孩的图像是透明的,当它被选中时它表明技术上已经超过了联系我们的链接,它以某种方式阻止它: http://i.stack.imgur.com/O4rEV.jpg

菜单和图像不在同一个父div中。

#the-menu {
margin: 17px 0 0 17px;
z-index: 1;
}

#the-img {
background: url("../images/img-girl.png") no-repeat scroll center 0 transparent;
height: 351px;
position: absolute;
right: 50px;
top: -52px;
width: 381px;
z-index: 0;
}

1 个答案:

答案 0 :(得分:1)

#the-menu应具有相对位置,以便z-index起作用。