Javascript Flexslider-导航箭头隐藏直到悬停

当前正在使用Flexslider，并且希望能够隐藏当前显示在图像右侧和左侧的导航箭头，而不是在用户将鼠标悬停在图像上时显示这些箭头。我记得它在老网站上被提到过——muffin one，但在woothemes上找不到。 有人知道如何更改/修改/添加信息来实现这一点吗？

---

提前感谢。

您可能可以通过jQuery完成这项工作。在我的例子中，我使用的是Drupal的FlexSlider，因此我不能保证您将使用相同的CSS选择器，但我希望这段代码能够提供一个总体思路：）

祝你好运

---

另外，我忘了提到你应该在CSS中设置a标签选择器以显示：无；默认情况下。

您可能可以通过jQuery实现这一点。在我的例子中，我使用的是Drupal的FlexSlider，因此我不能保证您将使用相同的CSS选择器，但我希望这段代码能够提供一个总体思路：）

祝你好运

---

另外，我忘了提到你应该在CSS中设置a标签选择器以显示：无；默认情况下。

您可以修改css中的箭头。如果希望箭头始终可见，则需要更改不透明度。它当前设置为0，这使得它在悬停之前不可见（悬停不透明度设置为1，完全可见）。因此，您只想使其可见，如下所示：

.flex-direction-nav a {opacity: 1;}

如果要更改箭头的位置，只需更改边距即可。它当前设置为-20px。如果要使其显示在框外，则需要将其设置为如下所示：

.flex-direction-nav a {margin: -40px 0 0;}

如果您同时执行这两项操作，您的css将如下所示：

.flex-direction-nav a {opacity: 1; margin: -40px 0 0;}

---

这将使您的箭头始终可见并显示在图像外部（在图像的右侧和左侧，而不是在图像的顶部）

您可以修改css中的箭头。如果希望箭头始终可见，则需要更改不透明度。它当前设置为0，这使得它在悬停之前不可见（悬停不透明度设置为1，完全可见）。因此，您只想使其可见，如下所示：

.flex-direction-nav a {opacity: 1;}

如果要更改箭头的位置，只需更改边距即可。它当前设置为-20px。如果要使其显示在框外，则需要将其设置为如下所示：

.flex-direction-nav a {margin: -40px 0 0;}

如果您同时执行这两项操作，您的css将如下所示：

.flex-direction-nav a {opacity: 1; margin: -40px 0 0;}

这将使您的箭头始终可见并显示在图像外部（在图像的右侧和左侧，而不是在图像的顶部）