【问题标题】:content url for local image file not working in Windows Phone 8 application本地图像文件的内容 url 在 Windows Phone 8 应用程序中不起作用
【发布时间】:2015-01-20 05:47:15
【问题描述】:

我创建了一个 IBM Worklight 项目,它在 android 和 IOS 上运行良好,但在 wp8 中它无法运行。

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

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

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

【问题讨论】:

    标签: html image windows-phone-8 ibm-mobilefirst


    【解决方案1】:

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

    为什么不通过 CSS 做到这一点?
    例如,如果您有一些 DIV,并且您希望使用应用程序的 Web 资源中本地存在的图像作为背景,您可以这样做:

    HTML:

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

    CSS:

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

    【讨论】:

    • 我没有使用 background-image 属性 content:url("../images/icon.png");它不工作
    • 然后提供您的完整实现,因为我们无法猜测您在做什么。
    • 嘿,Idan,用于图像的 windows phone 8 应用程序似乎不支持 content 属性,而 background-image 正在工作,但对于应用程序似乎不可行
    • 编辑您的问题并解释您想要做什么。显示它是什么的图像,等等......
    • Hey Idan,我想向您解释的是使用以下代码为 android、ios 和 windows phone 8 .loginPasswordCheckImg 创建混合应用程序 .loginPasswordCheckBtnImg{ content :url(". ./images/check_circle.png");背景:#ffffff;现在代码对于 android 和 ios 工作正常,因为它可以从 content 属性插入图像,但对于 windows phone 8,该区域是空白的,它无法查找图像,我发现如果我使用 background-image 在内容属性的位置它的工作,但在整个应用程序中使用背景图像属性是不可行的
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-18
    • 1970-01-01
    • 2023-04-10
    • 2023-03-16
    • 1970-01-01
    相关资源
    最近更新 更多