如何設置離子響應背景圖像？

Question

我試着這樣

.pane { 
     background: url('../img/fondoapp.png'); 
     background-size: 100% 100% !important; 
     background-position: center center; 
     background-repeat: no-repeat; 
     background-attachment: fixed; 
    } 

但使用.pane或.scrollcontent重複的背景圖像在我的其他選項卡，還當本地鍵盤出現調整大小的圖像。

Answer 1

所有伎倆，以適應背景圖像全要素首先是background-size: cover，現在你可以做這樣的

.view-with-bg{ 
    .view-content { 
    background-image: url('../img/fondoapp.png'); 
    background-size: cover; 
    } 
} 

現在類添加view-with-bg到該選項卡的<ion-view>，並添加view-content到特定元素（在你的情況是<ion-content>）你想要背景圖像的地方。 OR

.view-with-bg{ 
    .pane { 
    background-image: url('../img/fondoapp.png') !important; 
    background-size: cover !important; 
    } 
} 

而且只需添加view-with-bg到該選項卡的<ion-view>。這僅適用於特定頁面。此外，關於背景圖像技巧還有很好的post。