Html 离子背景图像:中心无法在Android上工作
我正在升级我的爱奥尼亚应用程序版本:Html 离子背景图像:中心无法在Android上工作,html,css,cordova,ionic-framework,Html,Css,Cordova,Ionic Framework,我正在升级我的爱奥尼亚应用程序版本: ionic: ionic-bower#1.2.4 ionic-platform-web-client": ^0.7.1 cordova: 6.1.1 升级后背景图像不居中,我的CSS代码是: body { background:url('../img/splash.png') rgb(227,227,213) no-repeat center center fixed; -webkit-background-size: cover;
ionic: ionic-bower#1.2.4
ionic-platform-web-client": ^0.7.1
cordova: 6.1.1
升级后背景图像不居中,我的CSS代码是:
body {
background:url('../img/splash.png') rgb(227,227,213) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
而我的身体html仅仅是:
</head>
<body ng-app="starter">
<ion-spinner></ion-spinner>
</body>`
`
可能是离子型的错误吗?我做错了什么?我也发现了这个问题 下面是如何在混合应用程序中为所有大小的设备添加背景的解决方案。您必须为您的滚动内容添加相同的css,因为上述css将只适用于屏幕,而不适用于可滚动屏幕
.BackgroundImage{
背景:url(image.jpg)无重复中心固定;
-webkit背景大小:包含;
-moz背景大小:包含;
-o-背景尺寸:包含;
背景尺寸:包含;
}
.滚动内容{
背景:url(image.jpg)无重复中心固定;
-webkit背景大小:包含;
-moz背景大小:包含;
-o-背景尺寸:包含;
背景尺寸:包含;
}
是,您需要为班级提供背景图像。滚动内容。