图层滑块导航位置

Question

我正在使用Layer Slider的网站上工作。我正在尝试定位导航箭头，如图所示。但是对于我编写CSS的任何东西，都没有影响导航箭头的外观。

如果将鼠标悬停在图像上，则可以看到导航。

原谅我，因为我无法发布相同的代码。

可以访问网站Here。

有人可以帮我吗？

Answer 1

尝试使用：绝对定位在a.ls-nav-prev和a.ls-nav-next之类的

    a.ls-nav-prev,a.ls-nav-prev{
       position: absolute;
    }

现在，对于上一个箭头，请使用“left：”，然后使用“right：”属性

Answer 2

在与滑块相同的div中，您可以尝试以下方法：

<div>
   <!-- Slider here -->
   <a href="#" class="left-arrow"><img src="arrow-left.png"/></a>
   <a href="#" class="right-arrow"><img src="arrow-right.png"/></a>
</div>

在你的CSS上：

.left-arrow {
  position: absolute;
  top : 50%
  left: 0px;
}

.right-arrow{
 position: absolute;
 top:50%
 right:0px;
} 

Answer 3

试试这个：

a.ls-nav-prev {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

a.ls-nav-next {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

如果您使用此而不是top:50%，您的箭头将完全对齐垂直。使用top:50%时，它们将不对齐。

下次请发一些你想要实现的代码。

Answer 4

a.ls-nav-prev, a.ls-nav-next {
    margin-left: 0% !important;
    display: block !important;
    position: absolute;
    top: 50%;
}

a.ls-nav-next{
    right: 0px;
}

Answer 5

也许你可以尝试这种方式。

＆＃13;

＆＃13;

.container{
    position:relative;
    width:500px;
    height:200px;
}

.slider{
    height:100%;
    width:100%;
    background-color:#EEE;
}

.carouselController{
    position:absolute;
    top:0px;
    bottom:0px;
    width:10%;
    text-align:center;
    top:50%;
    margin-top:-9px; /*Depends on your icon height*/
}
.leftContainer{
    left:0px;
}

.rightContainer{
    right:0px;
}

＆＃13;

<div class="container">
    <div class="slider"></div>
    <div>
        <div class="leftContainer carouselController">
            <i><</i>
        </div>
        <div class="rightContainer carouselController">
            <i>></i>
        </div>
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;