图像和 css 没有出现在 apache cordova 中答案

【问题标题】：images and css not showing up in apache cordova图像和 css 没有出现在 apache cordova 中
【发布时间】：2014-04-19 20:00:26
【问题描述】：

我正在使用cordova 开发一个android 应用程序。 index.html 有以下内容：

<!DOCTYPE html>
<html>
  <head>
    <title>Mobile</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <link type="text/css" rel="stylesheet" media="all" href="/style.css">
    ...

我的问题与链接标签有关。尽管 logcat 输出显示了 embedhttp 服务器提供 style.css，但这些样式并未应用于 html。

相比之下，我包含的 js 文件似乎运行良好。

<body>
  <script type="text/javascript" src="/cordova.js"></script>
  <script type="text/javascript" src="/lib/jquery-2.1.0.min.js"></script>
  ...

还有其他人遇到过这个问题吗？

【问题讨论】：

我认为 href="style.css"
我试过了，以及将 style.css 移动到 css 目录，重命名 index.html 中的路径。到目前为止，唯一可行的方法是将所有 css 文件连接起来并将它们包含在 index.html 中，但对于在浏览器中完美运行的东西来说，这是一个低于标准的解决方法。

标签： android html css cordova

【解决方案1】：

我遇到了同样的问题，我解决了写入相对于 css 文件位置而不是相对于 .HTML 文件位置的图像路径。

我有以下结构：

css
  index.css
images
  mage1.png
index.html

我的 css 类，在 índex.css 文件中声明，必须是这样的：

body {
   background: url('../images/image1.png');
}

【讨论】：

【解决方案2】：

您必须注意的是，cordova 计算相对路径的方式与普通浏览器不同。所以我建议不要对图像使用相对路径，而是使用项目“home”的绝对路径。例如：

body {
    background: url('images/image1.png');
}

这对我很有用，因为我需要为 web 应用程序以及科尔多瓦本地化应用程序保留一个正常运行的版本。

【讨论】：