Opacité

Bonjour,
J'ai utilisé la commande opacity (opacity=0.6;)sur mon site pour rentre des div transparenteet voir l'image d'arriere plan... (je sais elle ne marche que pour firefox...mais il en existe d'autre pour les autre navigateur ^^)
puis j'ai rajouter une autre image... seulement elle devient aussi transparente... et je n'arrive pas a la rendre opact... j'ai essayer de remettre l'opacity a fond... mais non... (j'ai essayé opacity=1 et 1,6)
merci

Les styles sont très probablement hérités, mais sans page en ligne ou code sur lequel se baser, ça va être difficile de t'aider davantage...

effectivement, desolé:

body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   background-image: url("Hyperespace.jpg");
   background-attachment: fixed;
}


#corps
{
   margin-left: 140px;
   margin-bottom: 5px;
   padding: 5px;
    opacity: 0.6;
   color: #000000;
   background-color:white;
   border: 1px solid black;
}

#corps img
{
opacity: 1,6 !important;
}

Bonjour,

Pourquoi opacity à 1.6 ?
Il me semble que la valeur d'opacity est comprise entre 0 et 1 (0% à 100%).
1.6 n'a aucun sens ...

ba en fait, j'ai penser qu'il ferai le pourcentage de la valeur d'opacité precedente... c'est a dire 0.6...
donc j'ai mis volontairement une valeur superieur... mais ca marche pas ^^
et ca marche pas non plus avec 1 pour valeur

Essaye de remplacer la virgule par un point.

<edit>J'avais pas réellement lu ton code ... Tu ne peux pas rétablir l'opacité de cette façon. L'élément enfant (ton image ici) hérite de l'opacité de son parent donc changer l'opacité de cet enfant ne changera rien l'opacité du parent sera toujours là ... deux solutions : revoir ton code html afin de l'adapter à tes besoins ou changer directement l'opacité du parent.</edit>
Modifié par yodaswii (08 May 2007 - 13:20)

Killion a écrit :
ba en fait, j'ai penser qu'il ferai le pourcentage de la valeur d'opacité precedente... c'est a dire 0.6...
donc j'ai mis volontairement une valeur superieur... mais ca marche pas ^^

Selon mes derniers tests -- et si je m'en souviens bien --, même avec une syntaxe CSS correcte ça ne marche pas.

opacity s'applique à un élément et à tous ses descendants. Il n'est pas possible, il me semble, de réajuster l'opacité avec une valeur supérieure à 1 pour un de ces descendants.

Il est probable que ce que tu cherches à faire se fasse très bien avec des images en PNG. C'est la piste à creuser.

a écrit :
Il est probable que ce que tu cherches à faire se fasse très bien avec des images en PNG. C'est la piste à creuser.

+1. En effet, ça semble la meilleure solution.

salut,

ou alors fais ce qui est transparent sur un div et rajoute ce qui ne l'est pas sur un autre en plaçant avec z-index l'un sur l'autre.

je sais c'est affreux question accessibilité

c'est peut-être possible.. pas testé ( mon disque dur est mort hier et là je suis sur une machine ou il y a tous a réinstallé)

hum... je comprend pas tellement l'histoire des PNG ^^
Je veux bien la transformer mon image,
mais je ne peux pas la mettre en background ou que sais-je... j'ai besoin de la faire apparaitre avec le code traditionnel <img />
(j'utilise des image map et une fonction js qui se declenche au clique de la souris sur l'image...) ^^

Killion a écrit :
hum... je comprend pas tellement l'histoire des PNG ^^

Je disais qu'il est probable que ce que tu cherches à faire soit réalisable avec une image en PNG-24 (avec canal alpha pour la transparence), soit comme image de fond, soit comme image de contenu.

Ensuite, il est possible que ça ne cadre effectivement pas avec tes besoins. Mais comme tu n'as pas vraiment précisé tes besoins, on ne pourra pas te le dire : c'est à toi de le déterminer.
Modifié par Florent V. (08 May 2007 - 15:57)

Il me semble, mais je ne suis plus certain de la technique que j'avais utilisée, qu'il est possible de remettre l'opacité d'un enfant à 100% même si le parent est semi-transparent.

Une histoire de rajouter un <div> intermédiaire avec une position:relative si mes souvenirs sont bons.

Mais comme dit précédemment, la technique d'utiliser des PNGs semi-transparents est en général bien plus pratique.