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

Webkit 上#screen 的Border-Radius 忽略

查詢

使用者遇到一個無法解釋的問題，即#screen 元素上的orderb -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中文網其他相關文章！