重疊div製作鏈接不可點擊

我正在使用960網格系統構建shopify主題。重疊div製作鏈接不可點擊

我有以下佈局：

<div id="header" class="container_16"> <!-- relatively positioned --> 
     <div id="tl_overlay"></div> <!-- absolutely positioned top:0 left:0 --> 
        . 
        . 
        . 
</div> 
<div id="nav" class="container_16"> 
    <ul id="navlist" class="grid_16 push_1"> 
     {% for link in linklists.main-menu.links %} 
      <li><a href="{{ link.url }}">{{ link.title }}</a></li> 
     {% endfor %} 
    </ul> 
</div>

問題是div tl_overlay具有溢出其內容（通過設計）和重疊導航DIV，使得鏈接無法點擊的背景圖像。我已經嘗試在每個元素上設置適當的z索引，但仍然無法使其工作。有什麼我忘記了，或者我可以嘗試解決這個問題！

謝謝

來源

2010-12-14 cjroebuck

z-index必須工作，但nav和header div應該以非靜態方式進行定位。 position: relative應該做的伎倆，而不會破壞你的設計。所以你應該確保你有你的css中的以下內容：

#header{ 
    z-index: 5; 
    postion:relative;/*or any other position except for static, depending on your design*/ 
} 
#nav{ 
    z-index:6; 
    postion:relative;/*or any other position except for static, depending on your design*/ 
}

來源

2010-12-15 00:14:29 Dan

是的，這幾乎是我所擁有的。我最終通過刪除所有的Z索引並以系統的方式從頭開始工作。 – cjroebuck 2010-12-15 12:10:05

這將是很高興看到CSS。

您設置了z-index的元素是什麼？

我會嘗試#header { z-index: 10}和#nav { z-index: 20} 但可能是錯誤的。當然#nav需要定位。

來源

2010-12-15 00:02:18 Timbadu

重疊div製作鏈接不可點擊

回答

相關問題