为什么 Border-Radius 在 Chrome 中的 #screenQuery 上不起作用？

Webkit 上 #screen 的 Border-Radius 忽略

查询

用户遇到一个无法解释的问题，即 #screen 元素上的 border-radius 属性使用 Google Chrome 时，该问题不再存在，而 Firefox 或 IE9 等浏览器则不存在此类问题。

解决方案

尽管应用了所有必要的浏览器前缀和标准 border-radius 语法，该元素仍无法用圆角渲染。罪魁祸首是 Chrome 渲染引擎中的一个错误。要解决此问题，请采用以下解决方法：

<code class="css">.element-that-holds-pictures {
   perspective: 1px; /* any non-zero value will work */
}</code>

与 opacity:0.99 解决方法不同，此非侵入式修复可保留显示的完整性。

以上是为什么 Border-Radius 在 Chrome 中的 #screenQuery 上不起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！