Forum-webmaster
Général => Discussions générales => Message commencé par: Toutankharton le le 11-07-2003 a 17:25:53

Titre: Calque transparent + opacité
Posté par: Toutankharton le le 11-07-2003 a 17:25:53

Je voudrai faire comme sur www.tutoriaux.com ou sur la fenetre pour ecouter ouifm sur www.ouirock.com. En gros je croit que c'est un calque, qui serait transparent, mais un peu plus foncé que le fond... Allez voir sur ces sites vous comprendrer mieux ;D

Titre: Re:Calque transparent + opacité
Posté par: onkr le le 11-07-2003 a 18:33:22

dans la feuille de style :

.alpha {
   FILTER: Alpha(opacity=70)
}

et dans la page (partie qui contient le bas du dessin):

<TABLE class=alpha

tu aurais pu le voir aussi bien que moi , en affichant la source . :)

Onkr.

Titre: Re:Calque transparent + opacité
Posté par: Toutankharton le le 11-07-2003 a 18:59:01

Merci, onkr, et desolé, c'est vrai que j'aurais pu regarder la source !

Titre: Re:Calque transparent + opacité
Posté par: Shain le le 12-07-2003 a 14:09:53

C'est compatible avec tous les navigateurs ce truc ?

Titre: Re:Calque transparent + opacité
Posté par: onkr le le 12-07-2003 a 14:35:15

etant donné que c'est un filtre "microsoft" , ça ne fonctionne qu'avec I.E !

onkr.

Titre: Re:Calque transparent + opacité
Posté par: Shain le le 12-07-2003 a 16:36:33

ok

Titre: Re:Calque transparent + opacité
Posté par: erwinol le le 12-07-2003 a 16:56:36

Comme bcp d'autres codes >:(

Titre: Re:Calque transparent + opacité
Posté par: Fabien le le 13-07-2003 a 17:16:38

il y a aussi un code pour que ça marche sous mozilla

Titre: Re:Calque transparent + opacité
Posté par: onkr le le 13-07-2003 a 17:47:09

on est bien contents de le savoir , mais tu aurais pu le donner :)

onkr

Titre: Re:Calque transparent + opacité
Posté par: Fabien le le 14-07-2003 a 00:59:50

Je ne l'avais pas sous la main au moment du post

-moz-opacity
Support: N6
Inherited: No
Allowed Values:
- Inherit: Use the value of this property from the parent element.
- [Number]: Values range from "0" (transparent) to "1" (non-transparent.)
- [Percentage]: Values range from "0%" (transparent) to "100%" (non-transparent.)
Purpose:
This is a pretty cool property; it allows the opacity of an element to be controlled. Values can range from 0/0% (transparent) to 1/100% (non-transparent.) Child elements have the same opacity, but subsequent applications of the property adds to total opacity. There are a few bugs in the implementation that I could see - cursors remain unaffected, dropdown lists act strangely, and scrolling areas freeze and react oddly.


il faut donc par exemple faire :

div {
-moz-opacity: 50%;
}

et sinon une recherche sur -moz-opacity dans google


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.