Question

我刚刚开始使用phonegap并且在通过正文和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>

一些我尝试在图片网址周围添加引号，添加和删除“顶部”，“中心”和“不重复”，还尝试使用背景图片而不仅仅是背景，但没有什么对某些人有效奇怪的原因。我设法有背景颜色，只是成像不起作用。

由于我正在使用Dreamweaver的设计视图/实时视图，我还会检查以确保图像显示在我再次将应用程序下载到手机之前。

Answer 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>

Answer 2

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

另外，在桌面浏览器中打开文件（不关心错误）。如果你能看到背景，那就像是一个手机错误的bug。如果你看不到它，你就犯了一个错误（404，文件不存在？）

Answer 3

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

Phonegap CSS背景未在Android上显示

3 个答案: