」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何修復 Firefox 3D CSS 轉換中的鋸齒狀邊緣?

如何修復 Firefox 3D CSS 轉換中的鋸齒狀邊緣?

發佈於2024-11-04
瀏覽:123

How to Fix Jagged Edges in Firefox 3D CSS Transformations?

3D CSS 轉換:解決Firefox 中的鋸齒狀邊緣

與Chrome CSS 轉換的鋸齒狀邊緣問題並行,也會出現類似的問題在3D 轉換期間使用Firefox。可以在這個 JSFiddle(特定於 Firefox)找到一個說明:http://jsfiddle.net/78dK/5/。

與 Chrome 不同,backface-visibility 在 Firefox 中不提供解決方案。

解決方法:

解決方法1(輪廓屬性):

要獲得更通用的解決方案,請考慮添加透明輪廓屬性:

outline: 1px solid transparent;

此方法已在Firefox 10.0.2 Windows 7 上驗證:http://jsfiddle.net/nKhr8/ 。

解決方法2(邊框屬性):

或者,您可以添加顏色與背景匹配的邊框屬性:

border: 1px solid white;

當背景顏色已知時(例如,本例中為白色),此選項有效:http://jsfiddle.net/LPEfC/.

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3