2016-05-03 7 views
1

に取り組んでいない:イオンの背景画像:センターは、私は私のイオンアプリのバージョンにアップグレードしていますアンドロイド

ionic: ionic-bower#1.2.4 
ionic-platform-web-client": ^0.7.1 
cordova: 6.1.1 

と背景画像を中心にされていない、アップグレード後に、私のCSSコードは次のとおりです。

body { 
    background:url('../img/splash.png') rgb(227,227,213) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

そして、私の身体のhtmlは次のとおりです。

</head> 
<body ng-app="starter"> 
    <ion-spinner></ion-spinner> 
</body>` 

は、イオン性の可能性のあるバグですか?私は間違って何をしていますか?

+0

はい、あなたはクラス.scroll-コンテンツに背景画像を与える必要があります。 – Atula

答えて

2

私もそれで問題があったので、ここでこのlink

はあなたがCSSに以下を追加する必要がapplication.Soハイブリッド内のすべてのデバイスサイズの背景を追加する方法のためのソリューションであるましたあなたのstyle.css。上記のCSSは、スクロール可能な画面ではなく画面に対してのみ機能するため、スクロールコンテンツに同じCSSを追加する必要があります。

.BackgroundImage{ 
 
background: url(image.jpg) no-repeat center center fixed; 
 
    -webkit-background-size: contain; 
 
    -moz-background-size: contain; 
 
    -o-background-size: contain; 
 
    background-size:contain; 
 
    
 
} 
 

 
.scroll-content{ 
 
    background: url(image.jpg) no-repeat center center fixed; 
 
    -webkit-background-size: contain; 
 
    -moz-background-size: contain; 
 
    -o-background-size: contain; 
 
    background-size:contain; 
 
}

+0

それは動作します!ありがとう! :) –

関連する問題