解决Safari以及iOS上的其他浏览器子元素不受border-radius作用的问题
原文中文,约1400字,阅读约需4分钟。发表于: 。在使用 Safari 浏览器查看 HTML 时,即使在父元素中设置了 overflow: hidden 和 border-radius,子元素仍然可能超出 border-radius 的范围而显示的问题。问题:尽管在父元素中设置了 overflow: hidden 和 border-radius 以应用圆角样式于子元素,但在桌面版 Safari 或 iOS 上的 Chrome...
Safari浏览器中的overflow: hidden和border-radius可能无法限制子元素超出边界的bug,可以通过生成堆叠上下文的CSS属性解决。