【问题标题】:Deploy Ionic 2 app to web - images not showing [duplicate]将 Ionic 2 应用程序部署到网络 - 图像未显示 [重复]
【发布时间】:2018-04-08 16:22:39
【问题描述】:

我正在尝试将我的 Ionic 2 应用程序部署到我大学的网络服务器。但是当我复制并上传我的项目 www 文件夹时,我的应用程序中的 css-images 不存在。

我的应用程序在网络上正常运行,并且我的一些组件 scss 正在显示,但图像除外..

这是我的页面 Search.scss:

 page-search {

  .bg-image {
    background-image: url('../../assets/img/backgroundstars.jpg');
    background-size: cover;
    background-position: center;
    margin: auto;
    z-index: 2;
  }

如您所见,我的图片位于 assets/img 文件夹中,但我尝试将其移至 www/img 但我的背景图片也没有显示

【问题讨论】:

  • 您的相对路径不正确。 ../assets/img/backgroundstars.jpg检查骗局

标签: css ionic-framework sass webdeploy


【解决方案1】:
.bg-image {

    background: url("../assets/img/backgrounds/backgroundstars.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

}

试试这个...

【讨论】:

  • 几乎成功了!当我现在将 www 上传到我的服务器但我的背景全是黑色时..但我看不到我的背景图片..而且我的 url 不是你写的“../assets/img/backgrounds/backgroundstars.jpg” .它是“img/backgroundstars.jpg”
  • 另外,我的项目解决方案如下所示:imgur.com/a/TTQ9z
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-01-07
  • 2018-10-03
  • 2012-08-18
  • 1970-01-01
  • 2014-07-30
  • 2014-06-12
  • 1970-01-01
相关资源
最近更新 更多