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 :

iFrame : regler l'opacité


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre extrêmement actif
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    690
    Détails du profil
    Informations personnelles :
    Localisation : Réunion

    Informations forums :
    Inscription : Juillet 2005
    Messages : 690
    Par défaut iFrame : regler l'opacité
    Bonjour,

    j'aimerais savoir s'il est possible de regler le pourcentage d'opacité du fond d'une iFrame, pour laisser entrevoir le fond de ma page obscurci.
    peut etre avec une image en fond mais je ne vois pas trop comment faire...

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

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Avec :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    background:#404040;
    opacity:0.5; /* entre 0 et 1 */
    -moz-opacity:0.5; /* entre 0 et 1 */
    -khtml-opacity:0.5; /* entre 0 et 1 */
    filter:alpha(opacity=50); /* entre 0 et 100 */
    Mais le texte lui aussi sera rendu transparent ...

    J'avais donné une astuce pour que le texte n'y soit pas, c'est dans le forum CSS, faut juste la retrouver.

    Attention, ce n'est pas valide W3C.

  3. #3
    Membre extrêmement actif
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    690
    Détails du profil
    Informations personnelles :
    Localisation : Réunion

    Informations forums :
    Inscription : Juillet 2005
    Messages : 690
    Par défaut
    coool !!

    merci je vais tester ca...

  4. #4
    Membre extrêmement actif
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    690
    Détails du profil
    Informations personnelles :
    Localisation : Réunion

    Informations forums :
    Inscription : Juillet 2005
    Messages : 690
    Par défaut
    je ne comprends pas ca ne veux pas marcher sur FF :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Style="filter:alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; background-color:black">

    par contre je n'ai pas retrouvé ton astuce dans le forum CSS, mais ca m'interresserais beaucoup héhé

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

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    C'est censé fonctionner sur Firefox ..

    Pour l'astuce, je ne l'ai pas retrouvée non plus, bizarre.

    En gros, le principe est de mettre l'iframe dans un div en position relative, dans ce div mettre un autre div en position absolue prenant les dimensions de l'iframe et c'est sur ce div-là qu'on met la transparence. du coup le texte ne sera pas transparent étant donné que ce n'est pas l'iframe en elle-même qui est transparente, mais le div par-dessus lequel on la met.

  6. #6
    Membre extrêmement actif
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    690
    Détails du profil
    Informations personnelles :
    Localisation : Réunion

    Informations forums :
    Inscription : Juillet 2005
    Messages : 690
    Par défaut
    hum... okok merci je vais voir ca

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

Discussions similaires

  1. modififier l'opacité seulement pour le background
    Par Jorus dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 15/08/2010, 16h18
  2. session, <iframe> et sécurité
    Par debie1108 dans le forum ASP
    Réponses: 16
    Dernier message: 22/05/2006, 11h57
  3. PB COMBOBOX : REGLER HAUTEUR Lst deroulante
    Par mm13 dans le forum MFC
    Réponses: 4
    Dernier message: 03/03/2005, 15h59
  4. [jsp][struts] paramètre dans un iframe.
    Par ultimax dans le forum Servlets/JSP
    Réponses: 3
    Dernier message: 12/10/2004, 09h25
  5. Opacité et texture
    Par Dranor dans le forum DirectX
    Réponses: 6
    Dernier message: 27/02/2004, 22h07

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