时间戳

首页 > 解决方案 > 无法在离子中设置背景图像

ionic3 - 无法在离子中设置背景图像

问题描述

我是 ionic 框架的新手，并试图将背景图像添加到我的内容中，但它不起作用下面是我尝试的代码以下是我的 scss 文件

registration-page{

    ion-content{
    .bg-image  {   
       background-image:url(../img/hulk.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-color: #45372E;       
    }
  }
 }

标签： ionic3

解决方案

如果您希望背景是全局的，请尝试转到 variables.scss 并执行以下操作：

   .ion-page {
      background-image: url('../assets/img/hulk.jpg');
      background-size: cover;
    }

当然，网址取决于您放置图片的位置。如果您的“img”文件夹在“assets”中，您的 url 应该如上所示。

推荐阅读