Question

离子1.2中的

我希望显示完整的背景图像。我有一个经典的项目结构：

-hooks
-platfroms
-plugins
-resources
-scss
-www
   -css
   -img
   -js
   -lib
   -templates
   ...

我有一个HTML页面

<ion-view id="login"  hide-nav-bar="true">
   <ion-content padding="true" scroll="false">
   ...
   ...

其中：

#login {
     background: #1c2627 url("../img/live.jpg") no-repeat center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

在/www/css/style.css中定义

使用命令ionic serve，背景显示正确，但在离子视图中（执行命令ionic upload），背景未显示。

问题是什么？

Answer 1

我使用您拥有的确切CSS以及一些其他代码进行实现。

尝试添加

position: fixed
top: 0
z-index: -1
height: 100%
width: 100%

请注意方法。

选择器不适用于离子含量，而是应用于离子含量以外的div作为离子视图的兄弟和子项

ion-view
    ion-content
    /ion-content
    div
    /div
ion-view

离子和离子视图：显示背景图像

1 个答案: