css - CSS：スライドショーカウンターをスライドショーに配置するにはどうすればよいですか

Question

私はこの1つのCSSの問題と戦ってきました。

これが私が働いているサイトです。[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;エンジョイを追加します。