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 :

Opacité image en CSS valide


Sujet :

CSS

  1. #1
    Membre régulier
    Profil pro
    Étudiant
    Inscrit en
    mai 2006
    Messages
    76
    Détails du profil
    Informations personnelles :
    Âge : 30
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : mai 2006
    Messages : 76
    Points : 85
    Points
    85
    Par défaut Opacité image en CSS valide
    Bonjour,

    Quelqu'un sait-il coment modifier l'opacité d'une image, un peu comme ceci:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .opak { filter:alpha(opacity=100); -moz-opacity: 1; }
    Mais en CSS valide.

    Merci beaucoup,

    Jorisvh.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : janvier 2004
    Messages : 9 868
    Points : 16 148
    Points
    16 148
    Par défaut
    Tant que les navigateurs ne se seront pas mis d'accord pour une syntaxe commune de cette fonctionnalité ça ne sera pas valide.

    Donc, pour l'instant il n'y a pas de solution.

    Ou alors générer le CSS en Javascript au chargement de la page, il ne sera pas dans ton fichier CSS et donc passera au validateur.

  3. #3
    Membre émérite Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 49
    Localisation : Suisse

    Informations forums :
    Inscription : juillet 2006
    Messages : 1 912
    Points : 2 895
    Points
    2 895
    Par défaut
    Fonctionne sur les navigateurs récents (FF1.5 et +, opera9, safari, netscape 8) mais pas IE7, sauf erreur...

    ça devrait être valide lorsque le validateur passera en css3 mais il est clair que c'est invalide css2 puisque cela n'en fait pas partie.

    Perso je trouve un bon compromis de laisser opacity dans le css et mettre le spécial IE dnas un commentaire conditionnel.
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et si c'est le cas

  4. #4
    Membre à l'essai
    Profil pro
    Inscrit en
    octobre 2006
    Messages
    23
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : octobre 2006
    Messages : 23
    Points : 18
    Points
    18
    Par défaut
    Il faut que tu enregistre ton image en .png et que tu applique une balise <meta> dans ton <head> mais ne j'arrive plus a mettre la main dessus...

  5. #5
    Membre expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 35
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : janvier 2005
    Messages : 2 571
    Points : 3 104
    Points
    3 104
    Par défaut

    Citation Envoyé par Sword'
    Il faut que tu enregistre ton image en .png et que tu applique une balise <meta> dans ton <head> mais ne j'arrive plus a mettre la main dessus...
    IE ne gère pas les png translucide
    Tu peux utiliser ceci avec le Javascript comme l'a dit BisounoursJos :
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    opacity:0.5; 
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity:0.5;
    ça couvre tous (presque tous ?? il y en a tellement ) les navigateurs mais c'est contourner les erreurs et non les résoudre

  6. #6
    Membre régulier
    Profil pro
    Étudiant
    Inscrit en
    mai 2006
    Messages
    76
    Détails du profil
    Informations personnelles :
    Âge : 30
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : mai 2006
    Messages : 76
    Points : 85
    Points
    85
    Par défaut
    OK, je vais faire ca. Merci beaucoup.

  7. #7
    Membre à l'essai
    Profil pro
    Inscrit en
    octobre 2006
    Messages
    23
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : octobre 2006
    Messages : 23
    Points : 18
    Points
    18
    Par défaut
    Tu changes ton image sur un logiciel (gimp, toshop, paint.net) et avec le nouveau IE sa passe car il gère le .png (bonne nouvelle)

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. modification de taille et d'image en css
    Par lieto dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 15/06/2006, 15h48
  2. Réponses: 14
    Dernier message: 15/05/2006, 16h34
  3. Remplacer du texte par une image en css
    Par Seth77 dans le forum Mise en page CSS
    Réponses: 12
    Dernier message: 03/04/2006, 11h57
  4. rendre un CSS valide firefox compatible avec IE
    Par tatayoyo dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 28/09/2005, 14h07
  5. [ W3C ][ CSS ] Validation contexte body
    Par gronono dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 20/03/2005, 19h36

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