无法设置离子背景图像

问题描述 投票:0回答:1

我是离子框架的新手,并尝试将背景图像添加到我的内容中,但是它在下面无法正常工作,下面是我的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
1个回答
1
投票

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

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

当然,URL取决于放置图像的位置。如果您的“ img”文件夹位于“资产”中,则您的网址应如上所示。

© www.soinside.com 2019 - 2024. All rights reserved.