Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: Fidjie le le 31-10-2007 a 01:24:47

Titre: Scroll barre semi transparante
Posté par: Fidjie le le 31-10-2007 a 01:24:47

J'ai trouvé ce bon tutoriel sur le net pour l'opacité de la scroll barre
http://www.la-soldier.net/Graphics/Tutor/semiscroll.htm

l'élément clef est :
filter: Alpha(Opacity=50, FinishOpacity=0);
que l'on rajoute dans son code css à l'endroit de la scroll barre.

J'ai essayé pour un site encore en construction, http://batondudiable.site.voila.fr/index.html mais, comme le dit le tutoriel, le texte devient transparant aussi. Comment arranger ce problème ? ???

Titre: Re:Scroll barre semi transparante
Posté par: lefou le le 31-10-2007 a 09:19:33

C'est normal que le texte bénéficie aussi de la transparence puisque celle-ci est appliquée au div.
A l'occasion, essaie de mettre un div contenant le texte dans ton div actuel en ne lui appliquant pas la propriété filter.

Titre: Re:Scroll barre semi transparante
Posté par: Fidjie le le 31-10-2007 a 14:21:52

???

Titre: Re:Scroll barre semi transparante
Posté par: lefou le le 31-10-2007 a 14:51:24

Oooops j'ai dit une bêtise car le div avec la propriété filter contient déjà un div avec le texte.
Sinon as-tu essayé de mettre sur ce second div une propriété filter avec opacity à 100 ?

Titre: Re:Scroll barre semi transparante
Posté par: Fidjie le le 31-10-2007 a 14:58:00

Je vais tenter la chose. En attendant, puis-je avoir un exemple ? En gros, je ne sais pas où le placer.

Titre: Re:Scroll barre semi transparante
Posté par: lefou le le 31-10-2007 a 15:28:02

Au niveau du second DIV à la suite des diiférentes propriétés de style tu ajoutes filter: Alpha(Opacity=100, FinishOpacity=0)


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