本地图像文件的内容 url 在 Windows Phone 8 应用程序中不起作用

Question

我已经创建了一个 IBM Worklight 项目，它在 android 和 IOS 上运行良好，但在 wp8 上它不起作用。

通过在图像标签中使用 id 并向内容属性提供 url，所有本地图像文件都添加到 HTML DOM，但是对于 wp8 我有提供内联 src 来调用图像。

我的问题是如何通过windows中的外部css文件以同样的方式调用本地图片phone?

我曾尝试从根文件夹调用图像，但它不起作用，即 content:url("www/default/images/abc.png");

Answer 1

Windows Phone 8 文件路径处理与其他环境不同。你的路径应该是相对的。您可以查看 multiple pages tutorial's 示例项目以了解为此目的所做的特殊处理。尽管您在 HTML 中完成了此操作，但它会有点问题...

为什么不通过 CSS 执行此操作？
例如，如果您有一些 DIV 并且您可能希望使用应用程序网络资源中本地存在的图像来提供背景，您可以这样做：

HTML:

<div id="test"></div>

CSS:

#test {
    background-image:url("../images/icon.png");
    height: 30px;
    width: 30px;
    display:inline-block;
}

content url for local image file not working in Windows Phone 8 application