mui 轮播图 小圆点 置于轮播图上方

圆点置于轮播图上方，我分为两种情况。

一种是top值改变，另一种是层级的改变。

一、top值

top值主要是改变小圆点在整个页面的位置。不多说。

二、层级

我想实现下图这样的轮播图，小圆点显示于轮播图偏下位置。

但在我用mui官网的轮播图代码时，发现我的小圆点总是藏匿于图片之下，看不见。

解决方法：在小圆点的div中加style="z-index: 2;"，再在css中调整一下top值即可。