2016-03-23 18 views
2

in ionic 1.2完全な背景画像を表示したい。 私は古典的なプロジェクトの構造を有する:/www/css/style.cssイオンとイオンのビュー:背景画像を表示

で定義されて

#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; 
} 

:私はhtmlページ

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

持っ

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

をコマンドionic serveでは、バックグラウンドは正しく表示されますが、イオンビューで表示されます(コマンドの実行イオンアップロード)、背景は表示されません。

問題が何ですか?

+0

Androidのバージョンは何ですか?それはちょうどベータ版であるので、それはちょうどイオニアのビューのバグかもしれません。アンドロイドデバイスで試してみてください。 –

答えて

0

私は正確なCSSといくつかの追加コードを実装しています。

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

を追加

てみアプローチに注意してください。

セレクタをイオンビューの兄弟や子としてイオンコンテンツ外で宣言されたdiv要素に代わり、イオンコンテンツに適用されなかったが

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