首頁 > web前端 > css教學 > 為什麼 Border-Radius 在 Chrome 中的 #screenQuery 上不起作用?

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

DDD
發布: 2024-10-24 04:42:02
原創
939 人瀏覽過

Why Does Border-Radius Not Work on #screenQuery in Chrome?

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中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板