Question

Nivo滑块工作正常，但没有任何效果。

Answer 1

它是一个z-index问题，在nivo-slider.css：18

中

.nivoSlider img {
...
    z-index: 50;
}

这会掩盖动画，删除它，你会看到过渡。

Answer 2

首先，您需要在<script>代码中提供<head>代码。

<!-- Javascripts -->
<script src="http://ipmgroup.org/wp-content/themes/ipmgroup/scripts/jquery-1.7.1.min.js"></script>
<script src="http://ipmgroup.org/wp-content/themes/ipmgroup/scripts/jquery.nivo.slider.js"></script>    
<script src="http://ipmgroup.org/wp-content/themes/ipmgroup/scripts/ipm.main.js"></script>

尝试更改并结帐。最后，CSS部分：

// Need more z-index from default
//Line Number 45!
.nivo-slice {z-index: 100;}
//Line Number 18!
.nivoSlider img {z-index: 10;}

试试这个，它的确有效！：）

使用nivoSlider无效

2 个答案: