鏈接不分層的div工作

我一直在試圖找出如何讓我的鏈接分層的div鏈接不分層的div工作

我有一個包含其他兩個div一個大的div工作：

主要的div和
我的菜單導航的div

的問題是main div重疊導航div，其中我希望我的鏈接是（絲帶），以便它看起來像他們被拉出時，徘徊。但他們並不活躍鏈接？我的CSS是如下：

.navigate { 
    width: 1020px; 
    height: 300px; 
    position: absolute; 
    right: 0; 
    left: 0; 
    margin-left: auto; 
    margin-right: auto; 
    top: 190px; 
    z-index: -1; 
    border: 1px solid red;}

和

.main { 
background: url("../images/papir.png") no-repeat center; /* papir.png bredde=1020px */ 
margin-left: auto; 
margin-right: auto; 
margin-top: 150px; 
margin-bottom: 7em; 
width: 1020px; /* 1020px */ 
height: 752px; /* 752px */ 
z-index: 0; 
border: 1px solid green; }

它就像navigation div是背後的東西：$

當我在navigation div改變z-index 0它工作得很好，除了該div不落後main div ..

我試圖用

修復它

body { 
position: relative; 
z-index: 0; }

讀的地方，它應該解決這個問題 - 但不適合我

任何想法如何解決呢？

在此先感謝

來源

2012-09-25 Klam Huggeren

我不能告訴你HTML，但是讓你想要的z-index更高一些，如果在鏈接頂部有div，你不能點擊div - 如果這是你想要做的 –

目前，你有.navigate的div的z-index設置爲-1，所以它是.main DIV後面。讓它比其他div更大，所以它是最重要的。例如。 z-index: 101;

來源

2012-09-25 23:57:49 Andy

http://img222.imageshack.us/img222/7905/skrmbillede20120926kl02.png這是我的例子紅色是導航，綠色的主要和藍色是容器。我想讓功能區成爲一個鏈接，當徘徊看起來像被拉出一點（a：link margin-top：20px; a：hover margin-top：10px;）或類似的東西 –

我仍然想讓它看起來像就像它背後的主格http://madbogen.com/ –

在這種情況下，爲什麼比它需要更難。製作透明圖片，比方說50px x 200px。整個圖像是功能區，但是我們可以假設頂部有50px的空隙（所以功能區只有200px的150px）可以顯示標籤：block; height：100px;寬度：50像素;溢出：隱藏;背景：url（../ images/ribbon.png）0 0無重複;然後在a：hover上將背景位置向上移動50-100px，以便「稍微從書中出來」。例如a：hover {background-position：0 -75px;} – Andy

當我在導航DIV的Z-index更改爲0它的工作原理不同之處在於DIV不是主要的div後面就好了..

如果我理解正確的這個，有沒有辦法讓鏈接工作，如果有另一個div在鏈接上重疊，例如。如果導航DIV是主要的div下，如果你想在div與頂部的鏈接上導航DIV的鏈接將無法正常工作

但..

- 相對或絕對poistion他們或固定，並設置z-index的更高的任何號碼，然後你想爲後面要在打好例如

.overlay-div{margin-top:-20px;}

來源

2012-09-26 00:01:12

正確，除非您使用點擊映射或「指針事件：無;」（做谷歌搜索，99/100次這是不值得的努力）（有時被認爲是黑帽子） – Xhynk

http：//img222.imageshack .us/img222/7905/skrmbillede20120926kl02.png這就是我的例子紅色是導航，綠色是主，藍色是容器。我想讓功能區成爲一個鏈接，當徘徊看起來像被拉出一點（a：link margin-top：20px; a：hover margin-top：10px;）或類似的東西 –

@ user1698771 - 顯示一個例子HTML，實際的網站，或者將它設置在jsFiddle上，我可以爲你修復它 –

使用負利潤率股利得到它的工作！

只是說：

position: relative;

的。main-div

來源

2012-09-26 08:16:53

股利

來源

2012-09-26 12:34:23

鏈接不分層的div工作

回答

相關問題