Nivo滑块Nivo控制导航边距

Question

我的网站有4个子页面。我想在每个页面上以单独的高度添加nivo滑块。我已经成功添加了3个滑块，但在一个页面上我想显示nivo-controlNav，边距为30px，我该怎么做？

我的代码如下所示：

.nivo-controlNav {
text-align:center;
padding: 0;
}

这对我的其他3页有好处，但我想补充一下：

.nivo-controlNav {
text-align:center;
padding: 0;
margin-top:30px;
}

Answer 1

您必须添加一些类或ID才能与其他人分开。然后你为它写一个风格 特定的类或id或使用内联样式（内联不是一个好习惯） 例如

.classname
{
margin-top:30px;
}

Answer 2

如果它位于完全独立的页面上，您可以轻松添加上面的第二组规则。如果它们都由一个样式表管理，您可以执行此操作

   .differentClassName{
    margin-top: 30px;
  }

Answer 3

在页面上添加这个，你需要＆lt; head＆gt;＆lt; / head＆gt;节

<script type="text/javascript">
    $(document).ready(function () {
    $('.nivo-controlNav').css('margin','30px');

    });
</script>

如果这没有帮助尝试设置z-index，可见属性如上所述  $（ 'NIVO-controlNav '）的CSS（' z索引'， '1500'）。  $（ 'NIVO-controlNav '）的CSS（' 能见度'， '可见'）;

Answer 4

.nivo-controlNav {
text-align: center;
padding:10px 0px 0px 0px;
clear:both;
position: relative;
z-index: 10;}