CSS：IE中的多个bgs，bg剪辑和border-radius

Question

我在IE中将多个背景，背景剪辑和 border-radius 组合起来很麻烦，其他浏览器都很好或只是回退到有些可接受的解决方案。问题是

background-clip: content-box

没有＆＃34;复制＆＃34;由于某种原因，该元素的 border-radius 与其他浏览器（包括Edge）一样。

我在这里可以找到问题的简单示例： https://jsfiddle.net/gfxocxew/1/

仅供参考我已经在两个外圈使用了伪元素。

Answer 1

border: 1px solid transparent有一种解决方法。

查看此更新的jsfiddle。