image fixe

**al1pb** · 15/03/2012, 09h10

Re : image fixe

Bonjour,

Il suffit simplement de déclarer ton image ou ton div contenant en css position:fixed;

**chrisgue** · 15/03/2012, 09h43

Re : image fixe

dans ce style?

<style type="text/css">
body { background-color: #FFFFFF ; background-image: url('image.gif') ; background-repeat: no-repeat ; background-position: center ; background-attachment: fixed ; }
</style>

**al1pb** · 15/03/2012, 09h54

Re : image fixe

Non, surement pas...

Code HTML:

<body>
<img scr="chemin de ton image" alt="Mains" style="position:fixed; top:0px; left:20px;"/>

Essaie de cette manière si tu n'as pas de fichier css

**chrisgue** · 15/03/2012, 11h40

Re : image fixe

Merci bien j'ai modifier un peu le code et ça marche nickel (juste à trouver la bonne place pour le placer)
Voici ma modification :

<img src="templates/<?php echo $this->template ?>/images/test main1.jpg" alt="Mains" style="position:fixed; top:250px; right:37px;"/>

Par contre le site je suis entrain de le faire sous firefox et lorsque je teste sous IE j'ai un petit décalage de 3-4 px. Y a t'il une solution pour parer à cela?

**al1pb** · 15/03/2012, 14h19

Re : image fixe

Envoyé par chrisgue Voir le message

Par contre le site je suis entrain de le faire sous firefox et lorsque je teste sous IE j'ai un petit décalage de 3-4 px. Y a t'il une solution pour parer à cela?

Si ça fonctionne avec IE, c'est déjà bien... Car position:fixed n'est pas reconu par IE 6.
Concernant ton décalage, c'est bizare. Si vraiment c'est dérangeant, tu peux toujours faire un test de navigateur et remplacer la position selon le navigateur.

**al1pb** · 15/03/2012, 14h22

Re : image fixe

Une nouvelle idée:

Si tu fais ton image en *.png avec un fond transparent, la ligne pourra être décalée de quelque pixels non?

**terzone** · 16/03/2012, 14h48

Re : image fixe

moi aussi je veux que mon image en background reste fixe quand on scroll,
Merci pour l'explication de position:fixed al1pb ça à bien marché pour moi!

image fixe

image fixe

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association