Phonegap CSS背景未在Android上显示答案

【问题标题】：Phonegap CSS background not displaying on AndroidPhonegap CSS背景未在Android上显示
【发布时间】：2013-07-24 23:29:12
【问题描述】：

我刚开始使用 phonegap，但在通过 body 和 div 显示背景时遇到问题。我使用的背景图片和闪屏一样，唯一的区别是闪屏会加载图片，而css不会显示。这是我的代码...

<style>
#bg {
background: url(_images/splash.png) top center no-repeat;
width: 500px;
height: 500px;
}
</style>
</head>

<body>
<div id="bg">
Hi
</div>

我尝试在图片 url 周围添加引号，添加和删除“top”、“center”和“no-repeat”，还尝试使用 background-image 而不仅仅是背景，但对某些人没有任何作用奇怪的原因。我设法让背景颜色工作，只是成像不起作用。

由于我使用的是dreamweaver 的设计视图/实时视图，所以在将应用程序重新下载到手机之前，我还会检查以确保图像显示出来。

【问题讨论】：

您是否尝试在网址中使用引号？喜欢url("_images/splash.png")
是的，我已经尝试过单引号和双引号。我发布的代码是最新的尝试。
其他样式属性（高度、宽度）是否正常工作？
你的目录结构是什么样的？图片路径是相对于 CSS 文件（或 html 文件，在你的情况下）的位置

标签： html css cordova

【解决方案1】：

我在使用 Android 和 Phonegap 时遇到了同样的问题。对我有用的是使用图像设置背景大小和背景位置，如下所示：

#bg
{
     background: url(_images/splash.png) no-repeat center center;
     background-size: 100% 100%;
     background-position:100% 100%;
}

我的样式也是内联定义的，我不知道它与问题有什么关系，但试试看。

<div style="background:url(uploads/front.jpg) no-repeat center center; 
            background-size: 100% 100%; 
            background-position:100% 100%;">
</div>

【讨论】：

尝试了除此之外的所有东西，工作感谢分享:)

【解决方案2】：

尝试将您的 CSS 放在页面末尾。

否则，请在桌面浏览器中打开文件（不要关心错误）。如果你能看到背景，这就像一个phonegap的错误。如果看不到，说明你报错了（404，文件不存在？）

【讨论】：

【解决方案3】：

我只是通过弄乱它找到了我的答案。我猜目录名称中的下划线不允许它工作。所以以防万一其他人遇到这个问题，我想避免使用下划线。

【讨论】：

我不明白。 Android 不是基于普通的 Linux，有着普通的文件名规则，比如“随便你，为了你自己的安心，避免不可打印的字符”？我想不出有一个操作系统会出现下划线问题。