Javascript 如何在浏览视图时保持固定背景

我正在为一个爱奥尼亚项目使用一个标签模板，并且已经设置了一个背景图像。但是，当发生过渡投掷状态时，背景也会受到动画的影响。我希望整个应用程序的背景始终保持不变（在转换抛出状态和子状态上）

这个项目举例说明了这个问题：

链接

：

我还尝试将background属性指定给body，但它不起作用

---

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

我认为您无法实现您想要做的事情，因为这是一个javascript框架实现。当您更改url（例如“/登录”）时，框架会预加载该页面的html，然后使用转换将所有html文档替换为新文档。在这个html中还包含了背景。

---

我认为出于您的目的，您应该实现自己的函数（例如）用转换只替换div容器html。这样，背景应该保持不变。

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

看这支笔：

相关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;
}

---

我有一个类似的问题，我所做的唯一一件事就是更改scss样式以包含以下类：

.transparent      {
    background: transparent;
}

---

这是我添加到离子视图中的。

谢谢你的回答。那么，你是说我应该实现一个函数来更改页面内容，而不是使用angularJs的普通状态提供程序？谢谢Andrew！是的，它起作用了。但是，如果仔细观察，现在的过渡动画会很奇怪，这会增加另一个问题。例如，当您导航到“科学事实”时，新内容与以前的内容重叠。为什么会发生这种情况？