如何解决 Chrome 边框半径困境

Chrome 的边框半径困境已解决

尽管应用了所有必要的边框半径前缀，读者还是遇到了一个问题，即边框缺少圆角Chrome 中的 #screen 元素，而在 Firefox 和 IE9 中则能正常工作。

经过调查，推测 Chrome 对图像修剪的处理是罪魁祸首。然而，这个问题被认为只影响直接包含的 。标签，而不是通过 CSS 定义的背景图像。

解决这个令人困惑的问题是一个简单而有效的解决方法：

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

此调整为容器元素添加了透视效果，有效地纠正了 Chrome 的渲染行为。与调整不透明度等其他解决方法不同，此解决方案不会改变元素的外观或功能。

通过实施此解决方法，读者现在即使在 Chrome 中也可以享受 #screen 元素所需的圆角。

以上是如何解决 Chrome 边框半径困境的详细内容。更多信息请关注PHP中文网其他相关文章！