Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

CSS 2

  Fonds de page immobile

fonction  principe  la methode elle-meme  demonstration  telechargement de la methode  Compatibilite du script... a partir de : 

  Fonction
Lorsque vous placez une image en fond de page, celle-ci est accrochée à la page et défile avec elle lorsque vous déplacez les ascenceurs. Un fond de page 'immobile' ne bougera pas avec le défilement de la page, il restera figé à la même place en permanence.
  Principe
Un simple attribut du body et le tour est joué : background-attachment: fixed
  La méthode
dans la partie <head>
<style>
body { background-attachment: fixed; }
</style>
  Démonstration

Voir la démonstration

  Téléchargement
Cette feuille de style est disponible en deux versions :
  • le style est appliqué localement, dans la balise style de la page),
  • le style dans une feuille de style externe, commune à toutes les pages (fichier .css).

    L'intérêt d'une feuille de style est de pouvoir partager le style entre plusieurs liens de la page.
  • Style local :
    page_fonds.zip
    7 Ko
    telechargez le style telechargez le style
    Feuille de style :
    page_fonds2.zip
    7 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter