滑块上的自定义点，将填充除导航栏以外的整个背景

Question

我想在 Slick Slider 上使用这个点，填充与否（取决于放置内圈 id）。

#outer-circle {
    height: 100px;
    width: 100px;
    position: relative;

    border-radius: 50%;
    padding: 100px;

    background: #fff;
    border: 15px solid red;
    color: red;
    text-align: center;

    font: 32px Arial, sans-serif;
}

#inner-circle {
    position: absolute;
   background: red;
   border-radius: 50%;
   height: 250px;
   width: 250px;

   top: 50%;
   left: 50%;
   margin: -125px 0px 0px -125px;
}

这里是 JSFiddle： https://jsfiddle.net/thirtydot/dQR9T/2637/

我想把它放在光滑的滑块类中 + 把它放在滑块里面（不在上面/下面）

https://github.com/kenwheeler/slick/blob/master/slick/slick-theme.css

有人知道怎么做才能像图片上那样吗？

在滑块中应该是文本（例如“Profesjonalizm”）和左侧的红色 svg 东西。当然，导航栏不是该滑块的一部分。

任何帮助将不胜感激！

Answer 1

将导航栏设置在绝对位置的滑块上，并在圆圈上浮动：向左。