我在一个 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;
}