différente image de fond sur chaque page de mobile site?

Actuellement, je suis en utilisant ce bit de code pour appeler un alambic image de fond au lieu de la vidéo lue sur le site régulier:différente image de fond sur chaque page de mobile site?

media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 
     html{ 
      background: url('img/background.jpg') no-repeat center center fixed !important; 
      background-size: cover; 
      height: 100%; 
     } 
}

J'aimerais utiliser une image différente pour chaque page, comment faire Je vais y arriver?

Merci.

Source

2012-09-06 AMC

Si vous fournissez un autre ID de la balise de corps de chaque page, vous pouvez alors cibler chacun avec une autre image:

HTML:

<body id="homepage"> 

<body id="about">

etc ...

Ensuite, dans votre requête multimédia, le CSS serait:

body#homepage { 
    background-image: url('img/homepageBackground.jpg'); 
} 

body#about { 
    background-image: url('img/aboutBackground.jpg'); 
}

Source

2012-09-06 15:45:59 cchana

Est-ce que le fait qu'il s'agisse d'un site Wordpress change cela? La balise '' est dans l'en-tête, qui est universel sur toutes les pages. – AMC

Je ne vois pas pourquoi cela vous limiterait ... J'ai trouvé cet article http://wordpress.org/support/topic/change-background-by-page-id qui utilise la méthode 'body_class() 'de Wordpress pour donnez à la balise 'body' un identifiant – cchana

directement, merci pour l'aide. – AMC

différente image de fond sur chaque page de mobile site?

Répondre

Questions connexes