Discussion :

[tonymx15]

J'ai un petit problème, j'ai affecter une opacité à un div, mais du coup en insérant une image dans ce DIV elle est aussi affecter par l'opacité...

Je voudrais un DIV d'opacité 0.7 avec une image sans opacité à l'intérieur. Est-ce possible ?

J'ai essayer d'affecter une classe à mon image avec une opacité de 1, mais c'est idem, j'ai aussi essayer de créer une nouvelle DIV à l'intérieur de la DIV d'opacité 0.7 mais toujours pareille...

[devyan]

Bonjour,

La réponse est non.

Pas avec l'image DANS de div ayant l'opacité modifiée.
Suivant ce que tu désires faire réellement il peut exister des solution de contournement en modifiant la structure html du document afin d'obtenir le rendu voulu.

devyan

[tonymx15]

Ok, je vais alors opter pour un fond d'image PNG en mode repeat d'opacité 50%...

Merci quand même !

[zooffy]

Bonjour

J'ai plus ou moins le même problème. J'ai un Div qui me sert de fond, avec opacity à 0.5 et dedans j'ai un Div qui contient un formulaire.

Si j'ai bien compris, c'est l'opacity du Div le plus haut qui conditionne tout ce qu'il y a dedans.

Avant d'utiliser la même solution d'image, je voudrais être sur qu'il n'y a pas plus facile et donc connaitre les solutions de contournement.

Mon idée est simple : sur ma page il y a un lien qui déclenche l'apparition du DIV du haut. Dans ce Div il y a un Div qui contient un formulaire pour s'inscrire sur le site. Avec l'opacité on lit pas bien. je voudrias donc faire en sorte que la lecture soit plus aisée.

Merci pour votre aide.

[tsunamichups]

Met un gif ou un png en fond de ta div conteneur, il y a pas d'autre moyen

préférer tout de même le gif au png, le png est pas pris par ie6

[adiGuba]

Salut,


Une autre solution serait de passer par les couleurs RGBA du CSS3. Par contre c'est toujours en working-draft et ce n'est pas supporté que par les navigateurs assez récents.

Code :

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

1
2
3
4
.mon_style {
	background-color: rgb(0,0,255); /* couleur par défaut : bleu */
	background-color: rgba(0,0,255, 0.5); /* couleur pour les navigateurs compatible : bleu opaque à 50% */
}

a++

[tsunamichups]

Connaissais pas, mais le problème s'est que ca marche pas partout
mais s'est l'avenir

[zooffy]

Merci beaucoup.

Je vais mettre en place tout ça.
Pour l'image, le PNG ok, mais le GIF ne fais pas de transparent, ou alors j'ai pas su me servir de PhotoShop

[tsunamichups]

nan le gif gère bien la transparence

[adiGuba]

Le GIF gère seulement une couleur totalement transparente, mais pas les niveaux d'opacités...


a++