如何在离子中设置背景图像？答案

【问题标题】：how to set background image in ionic?如何在离子中设置背景图像？
【发布时间】：2015-03-29 17:25:26
【问题描述】：

我正在尝试在我的第一个视图上设置我的背景图像，你能告诉我为什么我的背景图像不显示。我想在我的视图上显示背景图像。我尝试使用 css 但不起作用这是我的代码 http://codepen.io/anon/pen/pvYdNM

  .test {
     border: 1px solid red;
     position: relative!important;

background: url('https://d262ilb51hltx0.cloudfront.net/max/800/1*AJALCafqXhfLMG7iF7Ho0A.jpeg');
    }

【问题讨论】：

标签： angularjs html css ionic-framework ionic

【解决方案1】：

要覆盖你需要使用!important的默认样式，移除相对定位

.test {
     border: 1px solid red;
     background: url('some-url.jpg')!important;
    background-size:cover !important;
    }

进一步应用这个测试类来标记和从标题标记中删除

见demo

【讨论】：

它正在工作，您正在获取图像的一半以上部分
@ab 我需要在整个视图中添加背景...页眉、竞争、页脚的背景图片
@Shruti 你应该正确地问这个问题。
@A.B 抱歉，我认为您没有收到我的问题。实际上，首先检查我的图像 .image 网址，其中有人正在潜水。我需要在我的背景上使用该图像。实际上我的页眉和页脚是显示所以我只需要在竞争侧添加图像
我提供的网址是示例网址，您需要将其替换为您的网址