Comment définir un réactif image d'arrière-plan dans ionique?

Im essayant cette

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

Mais à l'aide .volet ou .scrollcontent répète l'image de fond dans mon les autres onglets, aussi lorsque natif clavier vient il redimensionne l'image.

  • Pourriez vous s'il vous plaît vérifier ci-dessous la réponse ?
  • vous souhaitez fond de sur <ion-contenu> ?
  • oui, mais juste sur la connexion
InformationsquelleAutor David Leyva Siqueiros | 2015-08-26
  1. 6

    Tout d'abord truc pour s'adapter à l'image de fond à l'ensemble de l'élément est background-size: cover, Maintenant vous pouvez faire la classe comme ceci

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

    Maintenant ajouter view-with-bg à <ion-view> de cet onglet et ajouter view-content à cet élément (qui dans votre cas est <ion-content> où vous voulez l'arrière-plan de l'image.
    OU

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

    Et juste ajouter view-with-bg à <ion-view> de cet onglet. Ce ne sera appliquée qu'à la page en particulier. Plus ici est agréable post sur l'image de fond de trucs.

    • Ok merci, mais quand natif clavier vient-il encore redimensionne l'image d'arrière-plan.
    • Le clavier est en fait un redimensionnement de votre contenu par venir, c'est pourquoi de fond se redimensionnée. Donc, vous devriez regarder pour que l'.
    • Veuillez marquer accepté si cette réponse l'adresse de votre question question.
    • De Plus, si vous souhaitez changer de clavier comportement. 1: installer ce plugin github.com/driftyco/ionic-plugin-keyboard 2: ajouter cordova.plugins.Keyboard.disableScroll(true); dans votre .run()
    InformationsquelleAutor Mudasser Ajaz