在我的 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/