CSS：如何显示隐藏的类

Question

我正在尝试使用css显示位于我的jquery旋转横幅内的导航按钮。

这是：

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

出于某种原因，我无法展示它们，我尝试改变它们的位置，设置z-index，添加背景图像和颜色。

以下是网站：

http://npmaudiovisual.com/esde/

这就是我所拥有的：

这就是我应该拥有的（角落上的按钮）

Answer 1

您需要在页面上留出一些空间，否则它们将被隐藏。 DIV中也没有文字或图像。

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

Answer 2

首先，您的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属性值来满足您的需求。