Profil

  • Christelle
  • retrouvez-moi sur : http://www.awerpi.fr
  • retrouvez-moi sur : http://www.awerpi.fr

Photo.Graph

Catégories

27 juillet 2008 7 27 /07 /juillet /2008 07:30

Il y a peu j’ai publié un article sur la transparence des éléments.

J’apporte aujourd’hui une petite précision. Si vous souhaitez que votre fond soit transparent mais que vos textes et photos apparaissent sans transparence, selon le choix du design ça peut être utile, voici la petite astuce :

Utilisez le conteneur .contenuArticle

et n’indiquez pas la transparence dans le conteneur .article que vous pourrez laisser vide.

 

 

Exemple :

.contenuArticle {background-color: #FFFFFF; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}

Partager cet article

Repost 0
Published by Christelle Vinsonneau - dans webdesign
commenter cet article

commentaires

HUSSON 24/09/2009 18:43


Bonjour,
je veux justement mettre une div avec background blanc en opacity 0.7 afin de pouvoir voir l'image de fond de la div parente.
Cependant, je ne veux pas que mon contenu des div enfants soit opaques..

- div avec image de fond
- div avec fond blanc opaque
- div contenant du texte et autre non opaque
voila ce que j'essaie de faire si tu as une idée.. je suis preneur..

Merci :)


julien 16/01/2009 11:44

merci beaucoup !

Christelle Vinsonneau 16/01/2009 11:47


Avec plaisir !


Julien 14/01/2009 10:01

Bon, deja je vois que le code que j'ai mis n'est pas apparu sur le message…
en fait c'est sur une page html dans laquelle il y a du CSS… Page qui est importée dans une autre avec un fond, comme expliqué dans me message précédent.

2e tentative :

Christelle Vinsonneau 16/01/2009 11:41


Vu que c'est pour du html, mais pas de blog avec des supperposés le plus simple est d'utiliser des png. Ces images autorisent la trasparence.
Si tu cherches une compatibilité de transparence avec IE vas voir cet article : http://midiwebconcept.free.fr/PNG_IE.htm


Julien 13/01/2009 12:02

Bonjour,
J'essaie tant bien que mal d'appliquer votre code qui à l'air pourtant tout simple, mais je n'arrive à rien… Mon html est importé dans un autre html, c'est pourquoi je voudrais un fond avec une opacité, sans que les élément à l'interieur ne soient attend. voici mon code :



acceuil



.contenuArticle {background-color: #FFFFFF; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}








BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLAB
LABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLAB
LABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA

Christelle Vinsonneau 13/01/2009 20:16


Le code .contenuArticle {background-color: #FFFFFF; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}  est valable pour le css des blog over-blog
Tu cherches à obtenir la transparence sur une page html qui appelle un css ou simplement html ?


stindler 03/09/2008 11:36

j'aime bien ton blog, je te propose de rejoindre ma communauté geek et technologie, allez sur mon blog pour trouver le lien, merci.

Christelle Vinsonneau 15/09/2008 17:21


merci de ton invitation, je viens voir ça !