CSS：如何将幻灯片计数器放置到幻灯片中

Question

我一直在与这一个CSS问题作斗争。

Here is the site我在工作。 [学习drupal，css等，所以忽略设计]，请看幻灯片正下方的图像计数器，现在，只有1,2。我希望该计数器显示在图像内部，右下角。

我已经尝试了所有我能想到的东西，定位，填充，底部。

如何将计数器移动到图像中？

Answer 1

更改计数器的边距。在这种情况下，像margin-top：-50px，margin-left：20px，z-index：999，position：relative（不是确切的数字）应该达到你想要的效果。

Answer 2

这很有效。

.views-slideshow-controls-bottom{
    position: relative;
    top: -35px;
    left: 50px;
    z-index: 999;
}

Answer 3

同时添加光标点cursor:pointer;享受。