3

我刚开始使用 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 的设计视图/实时视图,因此在将应用程序重新下载到手机之前,我还会检查以确保图像显示出来。

4

3 回答 3

3

我对 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>
于 2013-07-25T13:33:35.847 回答
0

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

于 2013-07-25T13:39:07.397 回答
0

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

否则,在桌面浏览器中打开文件(不要关心错误)。如果你能看到背景,这就像一个phonegap的错误。如果你看不到它,你就犯了一个错误(404,文件不存在?)

于 2013-07-25T12:55:02.847 回答