diff-mode-600Déjà une 2ème version en 2013 avec un petit truc tout simple, mais sacrément pratique: le mode d'ajustement CSS3 cover. Ce mode permet de s'assurer que l'image couvre la totalité de la fenêtre du navigateur.

Jusqu'à présent, sur ordinateur la fenêtre du navigateur était plutôt horizontale. Avec les smartphones, elles deviennent verticales. Une solution était d'utiliser une image verticale en mode MAX qui était recadrée en vue horizontale.

Le mode css COVER recadre une image horizontale en vue verticale. Pour utiliser ce mode avec IE6, IE7 et IE8, il faut une image d'assez grande taille (1050x1600 px). Elle sera juste recadrée sans être ajustée.

Ci-contre, un petit rappel en images des différents modes de bgMAX. Pour chaque mode, un exemple en affichage vertical et horizontal. Les alignements horizontal et vertical sont sur "centrer"

cover

L'autre nouveauté de cette version est l'organisation des paramètres pour isoler les paramètres uniquement valides dans les modes MAX et FULL.

Autres articles

Print Friendly and PDF