mui 輪播圖 小圓點 置於輪播圖上方

圓點置於輪播圖上方，我分爲兩種情況。

一種是top值改變，另一種是層級的改變。

一、top值

top值主要是改變小圓點在整個頁面的位置。不多說。

二、層級

我想實現下圖這樣的輪播圖，小圓點顯示於輪播圖偏下位置。

但在我用mui官網的輪播圖代碼時，發現我的小圓點總是藏匿於圖片之下，看不見。

解決方法：在小圓點的div中加style="z-index: 2;"，再在css中調整一下top值即可。