afficher un suraffichage transparent

afficher un suraffichage transparent - HTML/CSS - Programmation

Marsh Posté le 23-04-2009 à 20:28:07    

Bonsoir,
 
J'aimerais réaliser un suraffichage pour afficher un message d'avertissement.
en fait, la page html a déjà été envoyée et il faut que ce cadre s'affiche par dessus (avec un poil de transparence)
 
Mais je ne sais pas si il faut faire cela en css, ou plutot javascript !!!

Reply

Marsh Posté le 23-04-2009 à 20:28:07   

Reply

Marsh Posté le 23-04-2009 à 22:55:54    

Les 2 sont possible, il faut que tu fasse une div (en dernier élement du body pour ne pas foutre la merde au reste)...
dans son CSS :
 

Code :
  1. #maDiv {
  2. position : absolute ; // pour positionner au dessus du reste;
  3. -moz-opacity:0.5; // propriété de transparence (de 0 à 1) pour les vieux navigateurs
  4. opacity: 0.5; // propriété standard du CSS 2 (et 3) pour firefox, IE8 et tt les navigateur fidèls aux W3C
  5. filter:alpha(opacity=50); // pour Internet explorer 7 et - (si je ne me trompe pas)
  6. }


 
Enfin, y'a pas tout mais normalement t'en a assez pour continuer...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 24-04-2009 à 11:11:14    

Parce que tu trouve que IE8 est fidèle au W3C !?
Pour merde n°8 il faut

Code :
  1. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";


http://www.quirksmode.org/css/opacity.html

Reply

Marsh Posté le 24-04-2009 à 11:51:54    

Chez moi filter : alpha(opacity=50); marche très bien sous IE 8, pas opacity: 0.5;

Reply

Marsh Posté le 24-04-2009 à 13:37:36    

Je deteste IE, mais j'avais lu et entendu (sans verifier je l'admet) qu'il était aux norme (pas sur tout, mais sur les truc les plus bête...
Après, j'ai fait confiance à une source que j'avais dl je ne sais ou, sorry :D
 
Dans tous les cas, il faut ces 3 lignes donc...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 24-04-2009 à 16:07:46    

abais a écrit :

Je deteste IE, mais j'avais lu et entendu (sans verifier je l'admet) qu'il était aux norme (pas sur tout, mais sur les truc les plus bête...
Après, j'ai fait confiance à une source que j'avais dl je ne sais ou, sorry :D
 
Dans tous les cas, il faut ces 3 lignes donc...


Je suis d'accord, je mets toujours ces 3 lignes pour gérer l'opacité sur tous les navigateurs:
 

Code :
  1. filter : alpha(opacity=50);
  2. -moz-opacity : 0.50;
  3. opacity : 0.50;

Reply

Marsh Posté le 24-04-2009 à 22:13:10    

Alisteroid a écrit :

...
-moz-opacity : 0.50;
opacity : 0.50;  
[/code]

Haaannn l'autre, il met une decimal inutile de plus.... comment qu'il alourdi le fichier .css de carrément trop !

Spoiler :

.... [:oh hai]


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed