如何设置整个ionic 3应用程序的图像？

Question

如何将图像设置为整个应用程序的背景？我尝试在ion-content中进行设置，但它只将图像设置为内容。它省略标题和选项卡。我想为整个视图设置它。为此，我对ion-page, .tabs, .show-tab感到厌倦，但没有任何帮助。有人可以帮我吗？

Answer 1

为此，您可以在.ion-page类中设置背景图片，然后在为内容，标题和标签主类设置background-color:transparent之后。

Answer 2

Header和Tabs是仅放在内容上的组件，也就是说，您不能将它们与内容组合在一起，但可以使它们透明以使基础图像可见。

<ion-header no-border>
  <ion-navbar transparent>
    <ion-title>Meu App</ion-title>
  </ion-navbar>
</ion-header> 

就像这样，或者只是使用css使其如您所愿。

Answer 3

这将设置整个内容区域的背景。

.scroll-content {
        background: url(image);
      }