javascript - Nivo スライダー Nivo-control Nav マージン

Question

4 つのサブページを持つサイトがあります。各ページに別々の高さで nivo スライダーを追加したい。3 つのスライダーを正常に追加しましたが、1 つのページで上部 30px の余白で表示したいのですがnivo-controlNav、どうすればそれを行うことができますか?

私のコードは次のようになります。

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

他の 3 ページには適していますが、以下を追加したいと思います。

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

score 0 · Accepted Answer

<head> </ head>セクションにマージンが必要な場合は、これをページに追加してください

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

    });
</script>

それでもz-indexの設定に役立たない場合は、上記のような表示可能なプロパティ$（'。nivo-controlNav'）。css（'z-index'、 '1500'）; $（'。nivo-controlNav'）。css（'visibility'、'visible'）;

score 0 · Accepted Answer

他のクラスと区別するには、クラスまたは ID を追加する必要があります。次に、その特定のクラスまたは ID のスタイルを記述するか、インラインスタイルを使用します (インラインはお勧めできません)。

.classname
{
margin-top:30px;
}

score 0 · Accepted Answer

完全に別のページにある場合は、上記の 2 番目のルールセットを簡単に追加できます。それらがすべて1つのスタイルシートによって管理されている場合、これを行うことができます

   .differentClassName{
    margin-top: 30px;
  }

score 0 · Accepted Answer

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

4 に答える 4