css 背景图像未在 webview android 中加载

Css background images not loaded in webview android

本文关键字：android 加载 webview 背景 图像 css      更新时间：2023-09-26

伙计们，我正在尝试加载一个网络网址，除了加载背景图像外，一切正常

我已阅读此页面

未找到安卓 CSS 背景图像

但是我的问题不同，我不想要页面正文的背景。我需要显示div 的背景图像

.HTML： 

<a href="#WomenMonth"><li data-menuanchor="firstPage" class="manavatarchoose"> test </li> </a>

.CSS：

.manavatarchoose{
width:206px;
height:206px;float:left;
background-image: url("http://www.example.com/demo/android_connect/assets/img/maleorfe.jpg") ; border-radius:150px;    list-style-type: none; vertical-align:middle; 
}

这是我的Java类

WebView myWebView = (WebView) rootView.findViewById(R.id.webView1);
    myWebView.loadUrl("http://www.example.com/demo/android_connect/get_webmob.php");
    WebSettings webSettings = myWebView.getSettings();
    webSettings.setJavaScriptEnabled(true);

我还在css文件中使用了图像的绝对路径。

我应该提到 html 页面在浏览器中是正确的，但是当加载到应用程序图像中并且某些样式表属性不显示时。

从

Android 3.0开始在Webview中支持CSS。因此，请确保您的设备高于Android 3.0。3.0 以上的 Android 设备支持 CSS 动画，但前提是更改了单个属性。一旦您尝试一次对多个属性进行动画处理，整个元素就会消失。在非原生 Android 浏览器中，该元素将在动画持续时间内可见，但在完成后会立即隐藏。这在Android 4.4 Kitkat中得到了修复。Kitkat使用Chromium（与Google Chrome相同的引擎），完全支持CSS3和HTML5。您还可以使用不同的方法在 webview 中使用 CSS 和 WebView.loadDataWithBaseURL：

htmlData = "<link rel='"stylesheet'"      type='"text/css'" href='"style.css'" />" + htmlData;

假设我们有/assets/style.css 文件 webView.loadDataWithBaseURL（"file:///android_asset/"， htmlData， "text/html"， "UTF-8"， null）;只有在此之后，WebView才能从资产目录中查找和使用css文件。

祝你好运

相关文章：