Question

我想在ionic2的页面中设置背景图片，

  <style type="text/css">
    ion-content {
      background: url(../../img/background.jpg) no-repeat center center fixed;
    }
  </style>
  <ion-content  padding>
      <h2>Welcome to Ionic!</h2>
  </ion-content>

但它没有显示在设备中。为什么呢？

Answer 1

您应该将背景添加到.scroll-content，如下所示：

<style type="text/css">
    .scroll-content {
      background: url(../../img/background.jpg) no-repeat center center fixed;
    }
  </style>
  <ion-content  padding>
      <h2>Welcome to Ionic!</h2>
  </ion-content>

Answer 2

将ion-content添加到您的css：

  background-size: cover;
  background-color: transparent;

Answer 3

试试这个

.content-md {
  background: url("../../img/background.jpg") no-repeat;
}

Answer 4

将图片放入assets / img文件夹。然后在你的css中使用以下代码：

const

这是因为Ionic将搜索相对于index.html的图像。

Answer 5

我知道它已经很少了，但你可以这样做

foreach(Control c in flowLayoutPanel1.Items)

ionic2背景图片没有显示

5 个答案: