Android Webview上的文本变得模糊

我正在开发一个基于web的应用程序。我在安卓

WebView

上加载页面

问题是，我使用

css3

radial gradient将波浪边界效果设置为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代码片段导致了这个问题。有人知道答案吗

添加代码

  android:hardwareAccelerated="false"

---

在AndroidManifest.xml中，webview使用了活动。

现在响应已经太晚了，但我在webview中也遇到了模糊的问题。我通过添加

webView.getSettings().setJavaScriptEnabled(true);

它可能会帮助某人