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