NivoスライダーコンテンツのコントロールZ-インデックスカントリークリック/外部コントロール

Question

私はコンテンツの背面にnivoスライダーで横たわっているサイトを持っていて、すべてがうまく動作しますが、コントロールの "矢"と「弾丸」はうまく動作しません。

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

IE 8とIE9では、あなたがクリックした作品が、Firefoxやクロムがどんなことをやっていけないで、いくつかのdivを覆っていると、ユーザーがボタンをクリックして聞かせていないようですができます。 Nivoスライダーはほとんど手つかずのですが、私はただのFirefoxとChromeでもSafariで働いていない理由IEの

.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> 
} 

だから、私の質問は、このCCSのコードが含まれているnivoスライダーのラッパーを作成し、何かがあるのなら、私は「その私が試した他の方法は、外部コントロールを生成することですが、機能しませんでした（コントロールが応答しません）。

$("#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>

Answer 1

最後に、私は多くの試行の後に解決しました。私はグリッドシステムを使用していることを言及する必要があるので、ヘッダーの上に1つのコンテナがあり、コンテンツの下に1つのコンテナがあります。

だから私は、コンテンツのコンテナのための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; 
} 

を、すべてがうまく働きました。