为什么 Border-Radius 在 Chrome 中不适用于图像？

Border-Radius 在 WebKit 中不显示图像

尽管使用所有前缀和标准语法将 border-radius 样式应用于 #screen 元素，该元素在 Google Chrome 中保持不变，而在 Firefox 和 Internet Explorer 9 中按预期显示。出现此问题的原因是 Chrome 处理图像边框修剪时出现错误。

解决 Chrome 错误的解决方法：

要解决此问题，请实施以下解决方法：

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

此技术将修改元素的视角，从而强制渲染引擎正确运行。它不会影响元素的显示，与其他解决方法（例如将不透明度设置为 0.99）不同。

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