La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Scroll barre semi transparante
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Scroll barre semi transparante  (Lu 646 fois)
Scroll barre semi transparante
« sur: le 31-10-2007 a 01:24:47 »
Fidjie
Membre récent
*

Hors-Ligne

Messages: 13





Voir le Profil
Répondre avec citation

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 ? 

Rapporter au modérateur  

Re:Scroll barre semi transparante
« Répondre #1 sur: le 31-10-2007 a 09:19:33 »
lefou
P'tit nouveau
**

Hors-Ligne

Messages: 104





Voir le Profil    WWW
Répondre avec citation

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.

Rapporter au modérateur  

Conception de sites web : http://www.crea-fr.com
Re:Scroll barre semi transparante
« Répondre #2 sur: le 31-10-2007 a 14:21:52 »
Fidjie
Membre récent
*

Hors-Ligne

Messages: 13





Voir le Profil
Répondre avec citation

Rapporter au modérateur  
Re:Scroll barre semi transparante
« Répondre #3 sur: le 31-10-2007 a 14:51:24 »
lefou
P'tit nouveau
**

Hors-Ligne

Messages: 104





Voir le Profil    WWW
Répondre avec citation

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 ?

Rapporter au modérateur  

Conception de sites web : http://www.crea-fr.com
Re:Scroll barre semi transparante
« Répondre #4 sur: le 31-10-2007 a 14:58:00 »
Fidjie
Membre récent
*

Hors-Ligne

Messages: 13





Voir le Profil
Répondre avec citation

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

Rapporter au modérateur  
Re:Scroll barre semi transparante
« Répondre #5 sur: le 31-10-2007 a 15:28:02 »
lefou
P'tit nouveau
**

Hors-Ligne

Messages: 104





Voir le Profil    WWW
Répondre avec citation

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

Rapporter au modérateur  

Conception de sites web : http://www.crea-fr.com
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg