2013-07-27 37 views
0

我在一個div中有一個導航菜單,並且在其他div中有一個背景圖像,它被設置爲絕對,因爲它必須位於網站的一些不同位置。現在該圖像是透明的PNG,並且它阻止點擊導航中的最後一個鏈接,因爲該圖像在技術上位於該鏈接的頂部(視覺上不是)。PNG圖像背景塊鏈接,僅在FF上工作

因此,我設置z-index:1到菜單,並且只解決了Firefox上的問題,鏈接變得可點擊。但它不適用於Chrome,Opera和IE。

可能是什麼問題?

有一個截圖,你可以看到那個女孩形象是透明的,選擇當它表明,它在技術上是在那與我們聯繫鏈接,它在某種程度上阻止它: http://i.stack.imgur.com/O4rEV.jpg

菜單和圖像不在同一個父分區。

#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; 
} 
+0

如果你沒有給出示例代碼很難。 –

+0

增加了更多細節。謝謝 – rhazor

回答

1

#the-menu應該有相對位置以使z-索引起作用。

+0

解決!謝謝。 – rhazor