【问题标题】:Background-image doesn't show on Ionic AppIonic App 上不显示背景图像
【发布时间】: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


    【解决方案1】:

    我唯一能想到的是图像源可能是设备上的不同位置? 在您的设备上查看您是否可以文件浏览到您的应用并验证图像位置是否与您所拥有的图像 url 相对应。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2010-12-19
      • 2012-10-16
      • 2012-12-11
      • 2016-08-19
      • 2016-06-11
      • 2015-12-10
      • 2019-02-27
      相关资源
      最近更新 更多