Design-Tuto - Pour tous les webmaster !
  Transparence sur le design
 
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
Citation:
opacity: 0.75;

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: none; background-color: # ff00ff; opacity: 0.75;)


Citation:
d.nav (background-image: none; background-color: # ff00ff; filter: alpha (opacity = 75;)


Citation:
td.nav (background-image: none; background-color: # ff00ff,-moz-opacity: 0.75;)


Ensemble:

Citation:
td.nav (background-image: none; 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!
 
  Aujourd'hui sont déjà 6 visiteurs (11 hits) Ici!  
 
Ce site web a été créé gratuitement avec Ma-page.fr. Tu veux aussi ton propre site web ?
S'inscrire gratuitement