Border-radius для блока?

Question

[ajlee4]

https://codepen.io/ajlee4/pen/dyoyvzW
Ребята,подскажите как решить проблему. Надо закруглить slider-item, но чтобы не было видно кусков родителя.
Важное условие, overflow:hidden родителю нельзя задавать,т.к исчезают стрелки слайдера которые позиционированы относительно slidera.

Comments

[Ankhena]

1. Убрать фон у родителя
2. Задать родителю скругление 11 или 12
3. Задать родителю overflow hidden, а стрелки в коде вынести за контейнер.

Answer 1

[fallus]

.slider{
  border-radius: 10px; 
}
.slider__item{
  border-radius: inherit;
}

Родитель скруглёвывается.
А слайд наследует тот же border-radius.

Ну, или я всё неправильно понял.

Answer 2

[MagicMight]

Убрать background-color у родителя?

Answer 3

[v3shin]

Можно закруглить родителя.