jquery - スリック カルーセル: カルーセルをオーバーレイできるスリック カルーセル内のボタン?

Question

つまり、基本的には Slick でこのようなことをしたいと思っています... 通常のスライドが欲しいのですが、問題は、アクション (ボタン) への呼び出しをスライドに入れたいということです。これは通常、ボタンをスライドに配置するだけで簡単ですが、オーバーフローがあります。カルーセルに非表示のスタイルがあり、それ以外の場合は他のスライドが表示されます。どうすればこれを達成できるのだろうか（ボタンが切り取られずにわずかに外側に出る）.

編集：私が持っている本当の問題であるカルーセルに境界線を追加しました...境界線を維持し、境界線に重なって表示されるようにします

Answer 1

HTML

    <div class="slick__slide-cta">
      <button>example</button>
    </div>
  </div>
</div>

CSS

.slick__slide-cta {
  height: 40px;
  margin-top: -20px;
}

正確にはそうではありませんが、スライド全体の高さに貢献しながら、CTA 領域を画像などに重ねることが考えられます。説明するのは難しいですが、フィドルで示す方が簡単です。