Créer une transparence avec CSS
Avec CSS, il est possible de créer une certaine transparence.
Vous n'avez qu'à intégrer dans vos codes
Citation: filter: alpha (opacity = 75),-moz-opacity: 0.75;opacity: 0.75;
C'est pour Mozilla Firefox, Internet Explorer et Opera ensemble.
Mozilla Firefox
Citation: - moz-opacity: 0.75;
Il faut adapter la valeur de 0.75. Transparence de 100% serait alors 1 , et 50% serait 0.5 .
Internet Explorer
Citation: filter: alpha (opacity = 75);
Il faut adapter la valeur de 75. 100% de transparence serait alors 100 et 50% serait 50
Opera
Il faut adapter la valeur de 0.75. Transparence de 100% serait alors 1 et 50% serait 0.5
Exemple dans un code :
Citation: td.nav (background-image: url (); background-color: # ff00ff; opacity: 0.75;)
Citation: d.nav (background-image: url (); background-color: # ff00ff; filter: alpha (opacity = 75;)
Citation: td.nav (background-image: url (); background-color: # ff00ff,-moz-opacity: 0.75;)
Ensemble:
Citation: td.nav (background-image: url (); background-color: # ff00ff; filter: alpha (opacity = 75),-moz-opacity: 0.75; opacity: 0.75;)
Et voici un image comme exemple:
Pour voir en grand: Cliquez Ici!
Exemple en temps réel .75% de transparence sur la page de milieux:
http://webmaster-shop.fr.gd/Harry-Potter-design.htm
Dernière édition par webmaster-shop le 10.07.2008, 22:30; édité 2 fois
|
