1) est-il possible de jouer sur les transparences des blocs div avec le css ?
Je m'explique. J'ai une image de fond dans mon body (page css, pas (x)html) et je voudrais mettre une couleur sur mes blocs div, mais je voudrais que celles-ci soient légèrement transparente pour laisser apparaitre ma background-image. Est-ce possible ?
2) existe-t-il une propriété en css qui permette d'ajouter une ombre portée à un texte (un titre par exemple) ?
Le luxe serait qu'on puisse la flouter (soften shadow) pour donner plus de classe.
C'est clair et net. En tout cas pour les polices. Mais pour la transparence tu sembles moins sur. Or j'ai vu des sites qui semblaient utiliser la transparence dans leur div (je dit bien "semblent" car ce n'est qu'une supposition).
Habiller directement l'image fond me semble une solution mais le problème est que la taille de la page doit être fixe. Or je souhaiterais jouer sur quelque chose de beaucoup plus souple.
1) est-il possible de jouer sur les transparences des blocs div avec le css ?
Je m'explique. J'ai une image de fond dans mon body (page css, pas (x)html) et je voudrais mettre une couleur sur mes blocs div, mais je voudrais que celles-ci soient légèrement transparente pour laisser apparaitre ma background-image. Est-ce possible ?
oui, en css tu as une fonction d'opacité, qui te permet de regle la transparence de 0 a 100%:
Cette fonction n'est pas supporte par tout les navigateurs, et quelques un ont leur propre attributs css,
ce qui rend l'effet adaptable a la majorité des navigateurs actuelles.
<edit>
et pour l'ombrage des polices, il te faut superposer 2 ou 3 textes identiques avec un leger decallage a l'aide de position:absolute et des z-index, c'est un peu du bricolage et les moteurs de recherche ou les navigateurs sans css voient (ou lisent) plusieurs fois le même texte.</edit>
magnifique ça fonctione !!! merci beaucoup.
Le problème conciste maintenant à superposer un texte sur le div qui ne soit pas sujet à la transparence (si j'intègre le texte dans le div il devient transparent et si je l'écrit en dehors du div, il s'affiche... à coté du div. Or je souhaiterais qu'il soit dans le bloc).
Il doit y avoir une solution avec les z-index. Je vais essayer de chercher dans cette direction. Mais je suis toujours preneur d'une solution si quelqu'un en a une rapide.
Merci et amitié
p.s
concernant les ombres portées sous les textes, j'ai bien la confirmation que la fonction existe... mais ne fonctionne pas encore.
Il s'agit effectivement de {text-shadow: ;}
Un des thèmes de Rapidwaever l'utilise (thème blog) et la fonction est rédigée comme suit quand on jète un oeil sur le fichier css associé :
salut ,pour l'ombre portée tu as une propriété qui fonctionne sous IE uniquement si ca peut faire ton bonheur
filter: Shadow(Color=#000, Direction=-20);
pour recuperer l'opacité du texte il faut faire un bloc de la largeur et hauteur du texte position:absolute qui vienne se superposer a celui qui est transparent
Transparence et ombre portée ?
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui