android - Android 上的 Worklight CSS 找不到图像文件夹

标签 android css image background-image ibm-mobilefirst

在我的 CSS 中,我有一个这样的背景图像:

    background-image:url("../images/klasExFoto.png") !important;

在模拟器和网络浏览器中它显示图像。 当我在 Android 设备上运行它时,它没有在该文件夹中找到图像。 当我在 HTML 中设置图像时,它工作正常。

    <img src="images/klasExFoto.png" />

像这样它可以在浏览器和 Android 设备上运行。

如果我设置的背景图像没有“../”,它在 Android 和网络浏览器上都不再有效。

如何在 Android 上为 CSS 背景图像设置文件夹路径?

我使用 Worklight 6.0.0.1。

我的 CSS:

    #AddClassForm_Foto{
        width:140px;
        height:140px;
        background-image:url("../images/klasExFoto.png") !important;
        border:doubles 1px #dedede;
    }
    .formItem{
        margin-top:16px;
    }

我的 HTML:

    <div class="formItem">
    <label for="AddClassForm_Foto">Foto</label>
    <div id="AddClassForm_Foto"></div>
    </div>

我只能在网络浏览器上看到一张图片,在 Android 中它不会显示。

最佳答案

你没有提到任何版本。

我在 WL 6.0.0.1 元素中有以下内容:

img {

background-image:url("../images/icon.png")
}

并在Android 4.1.2和4.3上运行android环境。显示背景图像。

问题要么是您正在使用的 Worklight 和 Android 版本特定的问题,要么是相对路径以外的问题。

关于android - Android 上的 Worklight CSS 找不到图像文件夹,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19518028/

相关文章:

image - 检测照片方向的算法

image - Flutter - 将图像上传到 Firebase 存储

android - 奇怪的符号出现在 Android 上的 HTML 中 - phonegap 应用程序

android - Android SDK 下载缓存文件夹在哪里?

html - 使用 “<select>” 时 Div 行为不正确;使用 “&lt;input&gt;” 时工作正常

css - PrimeReact 和样式组件

接口(interface)中的 Java 保护方法?

android - 来自图像 flutter firebase 的文本识别

javascript - 表行 <tr> 的背景不透明度

javascript - react 图像 onClick 以显示在另一个组件中?