Html Phonegap CSS背景未在Android上显示_Html_Css_Cordova

Html Phonegap CSS背景未在Android上显示

html css cordova

Html Phonegap CSS背景未在Android上显示,html,css,cordova,Html,Css,Cordova,我刚开始使用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

我刚开始使用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（_images/splash.png）顶部中间不重复；
宽度：500px；
高度：500px；
}
你好

我尝试在图像url周围添加引号，添加和删除“顶部”、“中心”和“无重复”，还尝试使用背景图像而不仅仅是背景，但由于某些奇怪的原因，没有任何效果。我已经做了背景色的工作，只是成像不起作用

由于我使用的是dreamweaver的设计视图/实时视图，所以在我再次将应用程序下载到手机之前，我也会检查图像是否显示。

尝试将css放在页面的末尾

另外，在桌面浏览器中打开文件（不关心错误）。如果你能看到背景，就像phonegap的bug。

如果你看不到它，说明你犯了一个错误（404，文件不存在？

我对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>

我只是随便摆弄一下就找到了答案。我猜目录名中的下划线不允许它工作。因此，为了防止其他人遇到这个问题，我想应该避免使用下划线。

您是否尝试在url中使用引号？像

url（“\u images/splash.png”）

Yes，我尝试了单引号和双引号。我发布的代码是最新的尝试。其他样式属性（高度、宽度）是否正常工作？目录结构是什么样的？图像路径是相对于CSS文件（或html文件，在您的情况下）的位置的，我不明白。安卓系统不是基于普通的Linux吗？它有普通的文件名规则，比如“任何事情都可以，只要避免不可打印的字符，你就可以安心了”？我想不出有哪一个操作系统会出现下划线问题。尝试了除此之外的所有操作，成功了谢谢分享：）