0

在我的 css 中，我有一个这样的背景图像：

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

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

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

像这样，它适用于浏览器和 Android 设备。

如果我在没有“../”的情况下设置背景图像，它在 Android 和 webbrowser 上都不再起作用。

如何在 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 中它不显示。

4

3 回答 3

1

看起来我的图像有一个大写的 K 并且网络浏览器不介意，但 Android 有。

我将“../images/klasExFoto.png”替换为“../images/KlasExFoto.png”，现在一切正常。

于 2013-10-22T14:15:31.113 回答
1

我同意这可能不是 WL 特定的问题。我建议您通过 CSS linter（例如http://csslint.net/）来验证最终的 CSS 文件是否存在语法错误。

作为另一个测试，将该规则移动到 CSS 文件的最顶部，看看它是否会产生影响。不同的渲染器可能更能容忍语法错误。

当 CSS 文件连接时，查看 android/native/assets/www/default/css/MyCss.css 文件中的最终 CSS 是否存在任何明显问题。

于 2013-10-22T13:57:21.640 回答
1

你没有提到任何版本。

我在 WL 6.0.0.1 项目中有以下内容：

img {

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

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

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

于 2013-10-22T13:35:03.280 回答