Question

我正在构建一个离子应用程序，我想添加一个图像作为离子侧菜单的背景，我就像这样

查看

 <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; 
}

当我在桌面浏览器（谷歌浏览器和Firefox）中观看应用程序时，图像显示完美，但是当我使用离子视图在我的Android手机中观看应用程序时，图像不会显示。

有什么可能导致这种情况的想法吗？非常感谢您的帮助！

Answer 1

我唯一能想到的是图像源可能是设备上的不同位置？在您的设备上，查看您是否可以将文件浏览到您的应用，并验证图片位置是否与图片网址相对应。

在Ionic App上不显示背景图像

1 个答案: