OVH Cloud OVH Cloud

TransparenceŠ

2 réponses
Avatar
Paul Sellis
EuhŠ

comment faire pour qu'une image en background de page html apparaisse
avec une une opacité de 50% (par exemple) sous une table ?
(comme on pourrait le faire dans Photoshop avec un calque à 50%)

C'est pour le détacher du fond et que la typo de la table soit lisible.

J'ai bien essayé de mettre un gif transparent de 2 pixels en fond de
tableau, mais c'est pas clean comme solutionŠ

Je ne sais pas comment faireŠ

On peut jouer sur les alphas d'un layer ?
Une meilleure idée ?

2 réponses

Avatar
Thibaut Allender
Paul Sellis wrote:

On peut jouer sur les alphas d'un layer ?
Une meilleure idée ?



oui, en css, mais ca ne fonctionnera que sous IE (windows uniquement je
pense) et mozilla :

.fondalpha {
background-color: #000000;
filter:alpha(opacityP);
-moz-opacity:0.7;
}


<table class="fondalpha">
...
</table>

table avec fond noir a 50%
dans les autres browser/plateformes, ca sera opaque

sinon, avec un png 32bits, mais ca ne fonctionnera pas sous IE/win ;)
sauf si on utilise ceci :
http://www.youngpup.net/?request=/snippets/sleight.xml

qui permet alors d'acceder au moins a IE5.5 et 6

a+

--
freelance + web design + php dev + digital photo
+ 32 496 26 75 76 + http://www.capsule.org
Avatar
Paul Sellis
In article (Dans l'article)
<3fb67c4c$0$6978$,
> > Très amusant, j'ai voulu tester avec IE5.0 et cette adresse n'ouvre pas
> > du tout la même page dans IE 5.0 et Mozilla 1.2... ?!?!?
> > (Win 98 SE)
>
> oui c'est à dire ? Tu peux préciser ?

Un ptit dessin vaut mieux...
J'ai mis deux copies d'écran là :
http://perso.club-internet.fr/ehiller/tempo/youngpup_ie_5_0.jpg
http://perso.club-internet.fr/ehiller/tempo/youngpup_mozilla1_2.jpg



oui effectivement !
mais comme tu le disais ce n'est pas la même page.
il y a une détection du navigateur, non ?

J'avais peur que Sleight affiche simplement les choses très différemment
dans IE5 + que dans Mozilla.