0

Nivo Sliderを試すのはこれが初めてなので、ここで我慢してください-

controlNav サムネイルをスライダーの内側に配置しようとしています (スライダーの下部から 15 ピクセルの中央に配置したい) が、これまでのところposition:absoluteとleftおよびtop属性を使用すると、サムネイルの位置全体が配置されます。スライダーではなくボディ周り。

私は何か間違ったことをしていますか？オンラインで解決策を探していますが、何も見つかりません。間違ったキーワードを検索している可能性がありますか？

私がテストしているサイトは [リンクが削除されました] です。サムネイルをスライダーの下の中央に配置された元のレイアウトにリセットしました。コンソール内で操作したい場合は簡単です。

4

3 に答える 3

3

「サムネイル」と言うとき、小さなポケットベルアイコンを意味する場合は、cssを次のように変更できます。

#front-showcase .nivo-controlNav {
z-index: 10;
position: relative;
bottom: 40px;
}

ここでdisplay：blockを削除し、レイアウトのニーズに合わせて40pxを調整できます。

于 2012-12-16T15:18:54.203 に答える
1

CSS で、positioning プロパティを.nivo-controlではなくon に設定しますnivo-controlNAV。

これはあなたに追加することでうまくいきました<head>：

<style type="text/css">
    .nivo-control {
        position:relative;
        top:-45px;
    }
</style>
于 2012-12-16T15:10:58.433 に答える
0

ああ、@adityaと@mToceの回答の助けを借りて回答を見つけたようです。

#front-showcase を相対要素として配置することを忘れていたようです。そのため、controlNav 自体がスライダー要素ではなく body 要素に配置されます。

詳細については、次を参照してください。

http://css-tricks.com/absolute-positioning-inside-relative-positioning/

position:relative; と入力して問題を解決しました。#front-showcase 内で、position:absolute; に入ります。.controlNav 内。

お役に立てれば！

于 2012-12-16T15:39:29.980 に答える