H I O X INDIA
FREE CSS Tutorial
 ACCUEIL  ||  Scripts  ||  Tutoriels  ||  Images  english Español 中文 Deutsch

CSS Sujets
Introduction
Types
Background Propriétés
Propriétés du Texte
Propriétés de Police
Boîte Propriétés
Propriétés de la Frontière
Marge Propriétés
Rembourrages Propriétés
Special Topics
Demandez à vos Doutes
Feedback



Fond Fix CSS


Sujet

Je veux une image fixe. L'image doit faire défiler la page et de toujours être vu en haut, comment le faire?
Je veux que l'image de fond dans la page html à être dans la même position?



Explication

Propriété: Fond Fixe

Usage:
background-attachment: scroll;
background-attachment: fixed;

Définition:
Cette balise définit la propriété de la façon dont l'image de fond doit se comporter. Si elle doit faire défiler la page ou à être statique..
Il prend les valeurs suivantes.
a)scroll: l'image défile avec la page.
b)fixe: L'image ne sera pas à faire défiler la page. Il sera statique. Le contenu sera en mouvement, mais pas l'image.

Exemples:
<body style="background-image: url('test3.jpg'); background-repeat: no-repeat; background-position: center; background-attachment: scroll;"> description de la couleur <br><br><br></body>

<body style="background-image: url('test3.jpg'); background-repeat: no-repeat; background-position: center; background-attachment: fixed;"> description de la couleur <br><br><br></body>


Résultats::
avec défilement:
C'est le comportement par défaut.

fixes:
L'image montre cette page est un exemple de fixe.

Donc on peut avoir une image de fond non mobile / inamovible.








A Note
CSS - Feuilles de style en cascade peut être utilisé avec les balises HTML, comme expliqué dans ce site. Cette simple CSS vous permettra de créer beaucoup plus élégant et soigné html des pages web. Cela ne nécessite pas de logiciels ou d'autres codages. Tous les navigateurs web sont capables de transmettre des codes CSS.

Note 2: Si nécessaire, vous pouvez à l'aide de <span> au lieu de <div> marques. div balise de début et de fin sur les nouvelles lignes. span ne dépassera pas la balise domaine.


privacy policy     license
© 2004-2009 HIOX INDIA - hioxindia.com