Android上的文字變得模糊Webview

Question

我正在開發基於Web的應用程序。我在android WebView上加載一個頁面。

問題是，我使用css3徑向漸變爲一個div設置了波浪邊框效果，該頁面在大多數瀏覽器上正確顯示，並且對iOS版本應用程序也能正常工作。但是在Android應用上，如果我添加這種風格，頁面將完全變得模糊。我粘貼我的css代碼在這裏：

wave-l:before{ 
    display: block; 
    position: absolute; 
    content: ''; 
    top: 0px; 
    left: -4px; 
    height: 100%; 
    width: 4px; 
    background-position: 0px 0px; 
    background-size: 4px 8px; 
    background-image: -webkit-radial-gradient(100% 4px, circle, $color 4px, transparent 4px); 
    background-image: -moz-radial-gradient(100% 4px, circle, $color 4px, transparent 4px); 
    background-image: radial-gradient(circle at 100% 4px, $color 4px, transparent 4px); 
} 

這個CSS會產生一個左波形式的邊框。在Android的WebView顯示的模糊頁面如下圖所示：

我敢肯定它的這個CSS代碼片斷導致此問題。那麼有人知道解決方案？

Answer 1

添加代碼

android:hardwareAccelerated="false" 

在AndroidManifest.xml WebView中使用的活性。