La propriété « background »

La propriété background est un raccourci qui définit les différentes valeurs des propriétés liées à la gestion des arrière-plans d’un élément. Un fond d’écran extensible Les marges sont mises à zéro, l’image (image.png) est appelée, centrée et couvrira l’écran. Le css 1 2 3 4 5 6 7 html { margin:0; padding:0; background: url(image.png) no-repeat center fixed; -webkit-background-size: cover; /* pour anciens Chrome et Safari */ background-size: cover; /* version standardisée */ } Désormais, ce background s’adapte à la taille de l’écran.

Screenfly

Afin de savoir si votre site est vraiment « responsive », vous pouvez tester l’affichage sur différentes résolutions d’écran. Un utilitaire est disponible en ligne : Screenfly. Rendez-vous sur ScreenFly. Saisissez simplement l’URL de votre site et cliquez sur Go puis sélectionnez l’appareil concerné dans le menu en haut. À votre disposition, le rendu sur des écrans d’ordinateurs, des tablettes, des téléphones ou des téléviseurs. Vous pouvez également choisir une résolution spécifique (Custom Screen Size) ou faire une rotation d’écran.

Rafraîchir une iframe

Il est parfois utile de rafraîchir une <iframe> dans une page web. Cela permet par exemple de recentrer une Google Maps après avoir affiché une infobulle. Dans l’exemple, je vais placer un bouton juste au dessus de l’<iframe> pour la recharger. Créer le bouton Une classe reload_iframe est déclarée pour le css <div class="reload_iframe"><input type="button" id="btn" value="Rafraîchir" /></div> Le script 1 2 3 4 5 <script> function reload() { document.