html - Phonegap CSS 背景不显示在 Android 上

标签 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">
Hi
</div>

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

因为我使用的是 Dreamweaver 的设计 View /实时 View ,所以在将应用程序重新下载到我的手机之前,我还会检查以确保图像显示。

最佳答案

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

关于html - Phonegap CSS 背景不显示在 Android 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17846558/

相关文章:

sqlite - 如何获取与 SQLITE Ionic 应用程序中指定的条件匹配的行数

html - 重用小型 html 页面片段模板

javascript - 设置内联样式后,CSS 悬停效果不起作用

angularjs - Ionic Cordova SQLite 插件错误无法读取未定义的属性 'openDatabase'

android - 自定义 RES 屏幕和 RES 图标被替换为默认的 Cordova 屏幕和图标

html - 在 html 中显示 flex 及其所有兼容性。类与 Id 和标签

javascript - 如何将 json 数组元素动态显示到 select 标签中?

html - 在 h1 中居中 div

html - 滚动背景的名称是什么?

html - 两个相邻的样式 div [flexbox/responsive]