Я пытаюсь, чтобы мой родитель перекрывал непрозрачный (затемненный) стиль с дочерним элементом, но этот дочерний элемент может иметь различный радиус границы '- 10px, 50% и т. Д. Я пытаюсь сделать Наложение клипа динамически.
Если я установлю его на 100%, он будет работать для 50%, но прерывается для 10px и т. Д.
К сожалению, HTML-разметку нельзя много перемещать.
Возможно ли этого достичь? Конечный результат - на скрипке не должно быть ярко-красного цвета, так как он должен быть полностью закрыт наложением непрозрачности.
JSFiddle Link