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 :

Checkbox checked, Background position et IE


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de Fooshi
    Homme Profil pro
    ICD
    Inscrit en
    Juin 2002
    Messages
    509
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : ICD
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2002
    Messages : 509
    Par défaut Checkbox checked, Background position et IE
    Bonjour,
    j'ai plusieurs lignes CSS qui ne fonctionnent pas sous IE et tres bien sur tous les autres navigateurs.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    /* Checked styles */
    .c-form span input[type=checkbox]:checked + label {background-position:0 -81px}
    .c-form span input[type=checkbox]:hover:checked + label, 
    .c-form span input[type=checkbox]:focus:checked + label, 
    .c-form span input[type=checkbox]:checked + label:hover,
    .c-form span input[type=checkbox]:focus:checked + label {background-position:0 -101px}
    Le background position ne veut pas bouger lorsque le checkbox est coché !
    une idée ? la je bloque merci d'avance

  2. #2
    Membre expérimenté Avatar de eckerdecker
    Profil pro
    Inscrit en
    Décembre 2009
    Messages
    134
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 134
    Par défaut
    Au hasard je dirai : beaucoup trop compliqué pour un Internet Explorer !
    Plus sérieusement, sur quelle version d'IE ? parce que si je ne me trompe pas tout ça est du css3, donc avec IE8 et antérieurs faut pas y compter.

  3. #3
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonjour

    Le sélecteur d'attribut : input[type=checkbox] n'est pas compatible avec IE 6
    Le sélecteur de filiation + (input[type=checkbox]:checked + label) n'est pas compatible avec IE6.
    La pseudo-classe :checked n'est pas compatible avec IE (IE 9 non testé)

  4. #4
    Membre éclairé Avatar de Fooshi
    Homme Profil pro
    ICD
    Inscrit en
    Juin 2002
    Messages
    509
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : ICD
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2002
    Messages : 509
    Par défaut
    J'essaie au moins que ca soit compatible avec IE9, IE9 interprète t'il mal le CSS3 ?

Discussions similaires

  1. Réponses: 4
    Dernier message: 04/08/2010, 14h15
  2. Background-position à l'exterieur de son élément
    Par Dionyzos dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 09/08/2007, 10h41
  3. [PEAR][HTML_QuickForm] Mettre une checkbox à checked
    Par audran12 dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 20/06/2007, 15h41
  4. Mettre un background position négatif
    Par Xunil dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 28/11/2006, 22h01
  5. Réponses: 1
    Dernier message: 24/10/2006, 12h10

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