內容背面的Nivo Slider控件Z-Index無法點擊/外部控件

我有一個網站，我與內容和水平寬的背面上的nivo滑塊建設，一切工作正常，但控制「箭頭」和「子彈」不能正常工作。內容背面的Nivo Slider控件Z-Index無法點擊/外部控件

例如：http://www.aiguapool.mx/test/

在IE 8和IE9可以點擊和作品，但在Firefox和Chrome不做任何事情，就像是一些DIV被覆蓋，不要讓用戶點擊的按鈕。 NIVO滑塊幾乎是不變的，我剛剛創建的NIVO滑塊的包裝包含此CCS代碼

.slider-wrap {<br> 
    overflow: hidden;<br> 
    position: absolute;<br> 
    width: 1490px;<br> 
    height: 535px;<br> 
    top: 80px;<br> 
    left: 50%;<br> 
    margin-left: -745px;<br> 
    z-index: -1;<br> 
}

所以我的問題是，爲什麼在IE瀏覽器在Firefox和Chrome，甚至Safari的工作，而不是如果有事情，我」我錯過了，我嘗試過的其他方式是生成一個外部控制，但沒有工作（控件沒有響應）前。

$("#previousButton, #nextButton").click(function (e) { 

     // Prevent the link from being followed 
     e.preventDefault(); 

     // Initialize variables 
     var buttonId = this.id, 
      buttonClass = ("previousButton" == buttonId) ? ".nivo-prevNav" : ".nivo-nextNav"; 

     // Trigger the slider button 
     $(".nivo-directionNav").find(buttonClass).click(); 
    }); 

$("#triangleNodePrev").click(function(){$(".nivo-directionNav .nivo-prevNav").click()}) 
$("#triangleNodeNext").click(function(){$(".nivo-directionNav .nivo-nextNav").click()}) 

$(".nivo-directionNav .nivo-prevNav").click() 

$(".nivo-directionNav .nivo-nextNav").click()

，並創建一個鏈接<a href="#" id="previousButton">Back</a>

來源

2012-05-09 Arturo Cervantes

最後，我多次嘗試後問題。我必須提及的是，我使用網格系統，所以我有一個容器頂部的標題，一個容器底部的內容。

所以我調整了CSS的內容的容器：

.container_content { 
    position: absolute; 
    margin-left: -540px; 
    width: 1050px; 
    padding: 0 15px; 
    background: url(../images/estructura/bg-content-albercas.png) no-repeat; 
    min-height: 200px; 
    top: 560px; 
    left: 50%; 
    padding-top: 40px; 
    z-index:99; 
}

，一切工作就好了。

來源

2012-05-10 17:37:18

內容背面的Nivo Slider控件Z-Index無法點擊/外部控件

回答

相關問題