IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

probleme background-attachment et background-position


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    28
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Décembre 2007
    Messages : 28
    Par défaut probleme background-attachment et background-position
    Bonjour,

    Je souhaite personnaliser un textarea se trouvant dans mon formulaire... J'ai donc créé un background pour celui-ci. Tout fonctionne très bien sous firefox mais sous ie, j'ai le défilement du background dans mon textarea.

    Pour résoudre ce problème, j'ai donc fixé le background mais le soucis maintenant c'est que le fond ne s'affiche plus ni sous firefox ni sous ie...

    Voici mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
     
    #div_affiche textarea
    {
    	border:none;
    	background-color: #FFFFFF;
    	background-image: url("../_images/textarea.gif");
    	background-repeat: no-repeat;
    	background-position: top left;
    	background-attachment: fixed; 
    	width:340px;
    	height:99px;
    	padding:7px 12px 10px 8px;
    }
    #div_affiche textarea:focus
    {
    	background:url("../_images/textarea.gif") bottom left;
    	background-attachment:fixed;
    	background-repeat:no-repeat;
    	width:340px;
    	height:99px;
    }
    Si j'enlève le background-position, cela marche presque mais le souci est que le fond est décalé....

    Si quelqu'un a une idée... peut être une faute de frappe, je sais pas, j'ai beau regarder, je trouve pas!

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    28
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Décembre 2007
    Messages : 28
    Par défaut
    J'ai bien compris qu'il s'agissait d'un bug d'ie. J'ai visité ces liens mais le soucis est que je ne peux pas créer une div derrière mon textarea pour afficher l'image en background sinon je ne pourrait pas le faire réagir sur le focus (ou alors en javascript peut être...).

    En fait mon soucis est que l'image ne s'affiche pas du tout lorsque je positionne mon background en fixe. Et si j'ai bien compris, le fait de mettre "background-attachment:fixed;" devrait me fixer mon image d'arrière plan non ?

Discussions similaires

  1. [CSS 2] Input & background-attachment sur IE7
    Par Fallen_Leaf dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 16/10/2009, 10h56
  2. Background, image "fixed" mal positioné[sous FF]
    Par Darkus_91 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 31/01/2008, 17h04
  3. Réponses: 4
    Dernier message: 10/11/2006, 11h09
  4. [JXTitledPanel]Problèmes avec FormLayout et background
    Par Baptiste Wicht dans le forum AWT/Swing
    Réponses: 5
    Dernier message: 04/09/2006, 09h47
  5. Probleme avec div + css background-color
    Par shwin dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 11/01/2006, 00h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo