0

我有一个网站，我正在使用内容背面的 nivo 滑块和水平宽度，一切正常，但控件“箭头”和“项目符号”不能正常工作。

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

在 IE 8 和 IE9 中，您可以单击并工作，但在 Firefox 和 chrome 中不做任何事情，就像某些 div 覆盖并且不让用户单击按钮。Nivo Slider 几乎没有动过，我刚刚为包含此 CCS 代码的 nivo 滑块创建了一个包装器

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

4

1 回答 1

0

经过多次尝试，我终于解决了。我不得不提到我使用网格系统，所以我在顶部有 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;
}

一切正常。

于 2012-05-10T17:37:18.480 回答