flexslider - 控制导航和定位

Question

我正在尝试将控件导航定位在 flexslider 2 中（每张幻灯片的点）。默认为文本对齐：居中。如果你改变到左边，它的位置在左边没有问题。如果您更改为右侧，则当它位于右侧时，它还会在每个点上显示每张幻灯片的文本编号。

如何在不显示文本编号的情况下将其放置在右侧？此外，为什么它们在向右对齐时会出现？

您只需将值更改为以下值，即可在默认状态下看到这种情况。

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 0px;  text-align: right;}

score 1 · Accepted Answer

我认为将 -9999px 更改为正值对我有用，直到我意识到它只是将文本推离了屏幕。但你仍然可以滚动到它。我的修复，将文本缩进保留在 -9999px；并添加颜色：rgba(0, 0, 0, 0); .

最后一个 0 控制 alpha，并且它为 0，这使得数字完全不可见。

score 0 · Accepted Answer

0

删除宽度允许定位而没有数字问题

于 2013-07-20T13:19:54.547 回答

score 0 · Accepted Answer

我有这个问题，删除width不起作用。这是一个有效的解决方案：

.flex-control-nav {
   text-align: right;
}

.flex-control-paging li a {
    text-indent: 9999px;
}

将控件导航向右对齐时，您需要将文本缩进从负 -9999px 更改为正 9999px。

score -1 · Accepted Answer

使用此代码调整没有数字的位置。

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 25px; right: 20px;}

4 回答 4