css - CSS: 隠しクラスを表示する方法

Question

jquery 回転バナー内にあるナビゲーションボタンを css で表示しようとしています。

どれが:

<a class="ls-nav-prev" href="#"></a>
<a class="ls-nav-next" href="#"></a>

何らかの理由で表示できません。位置を変更し、z-index を設定し、背景画像と色を追加してみました。

ここにウェブサイトがあります：

http://npmaudiovisual.com/esde/

これは私が持っているものです:

ここに画像の説明を入力

これは私が持つべきものです（コーナーのボタン）

ここに画像の説明を入力

score 0 · Accepted Answer

まず、次の CSS を使用します。

<a class="ls-nav-prev" href="#"></a>
<a class="ls-nav-next" href="#"></a>

layerslider.cssには

.ls-nav-prev,
.ls-nav-next {
    outline: none;
}

これにより、画像やコンテンツが生成されることはありません。どのようにテストしていますか？

次に、クラスを分離し、配置プロパティを追加します。

.ls-nav-prev {
    left:-35px
    position:absolute
    top:200px
}

.ls-nav-next {
    left:935px
    position:absolute
    top:200px
}

left必要に応じてとプロパティの値をいじることができtopます。

score 0 · Accepted Answer

ページ上にそれらのためのスペースが必要です。そうしないと、非表示になります。また、DIV 内にテキストや画像はありません。

a class="ls-nav-prev" href="#" style="float:left;">Prev</a>
<a class="ls-nav-next" href="#" style="float:right;">Next</a>

2 に答える 2