将 parent 的伪不透明剪辑制作成子边框半径
Make parent's pseudo opacity clip to childs border radius
我正在尝试让我的 parent 将不透明度（变暗）样式重叠到 child 元素，但是这个 child 元素可以有不同的边框半径' - 10px、50% 等。我正在尝试动态制作叠加剪辑。
如果我将它设置为 100%，它适用于 50%，但会中断 10px 等等。
遗憾的是，HTML 标记不能移动太多。
这可以实现吗？最终结果是 fiddle 中不应有鲜红色，因为它应该完全被不透明叠加层覆盖。
答案在于让 border-radius: inherit
可以访问您的标记
我正在尝试让我的 parent 将不透明度（变暗）样式重叠到 child 元素，但是这个 child 元素可以有不同的边框半径' - 10px、50% 等。我正在尝试动态制作叠加剪辑。
如果我将它设置为 100%，它适用于 50%，但会中断 10px 等等。
遗憾的是，HTML 标记不能移动太多。
这可以实现吗？最终结果是 fiddle 中不应有鲜红色，因为它应该完全被不透明叠加层覆盖。
答案在于让 border-radius: inherit