0

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

因此,我将 z-index: 1 设置为菜单,并且仅在 Firefox 上解决了该问题,链接变为可点击。但它不适用于 Chrome、Opera 和 IE。

可能是什么问题呢?

There's a screenshot, as you can see that girl image is transparent and when selected it shows that it technically is over that Contact us link and it somehow blocks it: 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;
}
4

1 回答 1

1

#the-menu应该有相对位置才能使 z-index 起作用。

于 2013-07-27T13:29:54.250 回答