【发布时间】:2016-01-13 01:27:19
【问题描述】:
我正在构建一个离子应用程序,我想添加一个图像作为离子侧菜单的背景,我有这样的
查看
<ion-side-menus enable-menu-with-back-views="false">
<ion-side-menu-content>
The content...
<ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left">
<ion-content>
<ion-list>
<ion-item menu-close href="#/app/noticias"><i class="icon ion-ios-paper"></i> Noticias</ion-item>
<ion-item menu-close href="#/app/ganados"><i class="icon ion-social-usd"></i> Ganados</ion-item>
<ion-item menu-close href="#/app/indicadores"><i class="icon ion-arrow-graph-up-right"></i> Indicadores económicos</ion-item>
</ion-list>
</ion-content>
</ion-side-menu>
风格
.menu {
background-color: #282828;
background-image: url("../img/bg-side-menu.jpg");
background-size: cover;
background-position: center;
}
当我在桌面浏览器(Google Chrome 和 Firefox)中观看应用时,图像显示完美,但当我使用 ionic view 在我的 Android 手机中观看应用时,图像不显示。
知道是什么原因造成的吗?非常感谢您的帮助!。
【问题讨论】:
标签: android css ionic-framework hybrid-mobile-app