為什麼 Border-Radius 在 Chrome 中不適用於圖片？

Border-Radius 在WebKit 中不顯示圖片

儘管使用所有前綴和標準語法將border-radius 樣式應用於#screen 元素樣式#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中文網其他相關文章！