javascript - ionic 如何在浏览 View 时保持固定背景

Question

我正在为 Ionic 元素使用选项卡模板并设置了背景图像。然而，当过渡抛出状态发生时，背景也会受到动画的影响。我希望背景始终固定在整个应用程序上(在转换抛出状态和子状态上)。

这个元素举例说明了这个问题:

link: http://codepen.io/anon/pen/ogYymB

我也尝试将背景属性分配给正文，但它不起作用。

那么，有没有人知道如何始终保持背景图像固定并且只为内容设置动画？

Answer 1

因此，由于 beta 14 中的一些新功能，出现了一些新的复杂情况，但您仍然可以仅使用 CSS 来完成您想要的。

看这支笔:

http://codepen.io/andrewmcgivery/pen/azBjdB

相关 CSS:

body {
    background: 
url(http://cdn.wonderfulengineering.com/wp-content/uploads/2014/07/background-wallpapers-32.jpg) ;
    background-attachment:fixed;
    background-position: center;
}

body .view-container.tab-content {
  background-color: transparent;
}

body .pane, .menu, .view, .list, .item       {
    background: transparent;
}