Discussion :

[Ladgalen]

Bonjour

Je fais un effet basique pour mes liens, pour que lorsqu'on passe dessus la couleur de la police devient blanc et la couleur du fond du lien devient celle de la police avant. De manière plus claire voilà le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
a.lien {
    text-decoration: none; 
    font-weight: bold; 
    color: #B46825; 
}
a.lien:hover {
    font-weight: bold; 
    color: #FFFFFF;
    background-color: #B46825;
}

Mon problème c'est que j'aimerais que la couleur du background soit un peu plus pastel ou plus transparente...

Est ce qu'il y a un moyen de régler l'opacité du background ? ou est ce que je suis plus simplement obligé de changer de couleur de fond ?

Merci

[Er3van]

Oui, c'est possible de régler l'opacité.

Sous IE il faut utiliser le filtre Alpha ( propriété MS ), sous FF ça sera -moz opacity, et opacity est géré par les autres ( pas tous ? ).

Ce qui donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
filter:Alpha(opacity=70) ;
opacity : 0.7 ;
-moz opacity : 0.7 ;

Ceci étant, ça ne réglera pas ton problème, car ton texte sera lui aussi transparent, et on verra un peu à travers, l'effet risque de ne pas être à la hauteur de tes espérérences.
Néanmoins, si ton fond est blanc ça ne sera verra pas trop.

Autre solution, change de couleur.
Si ta couleur d'origine est #B46825, j'imagine que #C88040 produira la même couleur ( ou presque ), mais en plus clair. ( A tester, j'ai rentré les valeurs à la main ! ^^ )

Sinon, la solution de recours est l'utilisation d'images

[Ladgalen]

Merci