html - 如何在右上角正确放置 Bootstrap 指示器？

Question

我想在右上角显示我的指标，如下图我这样做的方法是给指示器一个高度和宽度的百分比——但是用这种方法我不能在右边按下/使用我的旋转木马控件，因为我的指示器以某种方式掩盖了它……该问题的示例在以下网站上:http://haagmedia.dk/klf/

这是迄今为止我对指标所做的唯一样式

.carousel-indicators {
    text-align: right;
    width: 76%;
    height: 89%;
    opacity: 0.9;
}

我希望你能帮助我解决这个问题，这样我就可以在不影响更改幻灯片的可能性的情况下，在右侧获得右上角的指示器:)

Answer 1

您的高度 89% 与控件重叠。如果您使用固定高度和固定位置，一切都应该有效。

.carousel-indicators {
    position: absolute;
    top: 50px;
    right: 10px;
    text-align: right;
    width: 76%;
    height: 20px;
    opacity: 0.9;
}

用百分比调整固定位置值可能是个好主意...