Comment se debarasser de la transparence d'image

Comment se debarasser de la transparence d'image - HTML/CSS - Programmation

Marsh Posté le 21-11-2009 à 06:41:27    

Bonjour à tous
 
Sur cette page > http://www.yethi-info.fr/test/AffichageStock.php
 
j'ai un ensemble de <div> transparentes
 
Pour etre sûr que ca fonctionne sur tous les navigateurs, j'ai obtenu la transparence avec

Code :
  1. filter:alpha(opacity=80);
  2. opacity:0.80;
  3. -moz-opacity:0.80;


bon jusque là ca marche
 
A l'interieur de ces boites j'ai une image mais elle prend elle aussi la transparence. Ce qui est normal car elle herite des proprietés
 
Mais comment faire pour que l'image ne soit PAS transparente ??
j'ai essayé en creant un div juste pour l'image avec

Code :
  1. filter:alpha(opacity=100);
  2. opacity:1.00;
  3. -moz-opacity:1.00;


 
Mais ca ne fonctionne pas, les nouvelles propriétés ne remplacent pas les précédentes....
La seule solution que j'ai trouvé c'est de sortir l'image de sont conteneur .....
 
Quelqu'un aurait-il une idée ????
 
Merci d'avance

Message cité 1 fois
Message édité par yethi le 21-11-2009 à 08:43:23
Reply

Marsh Posté le 21-11-2009 à 06:41:27   

Reply

Marsh Posté le 21-11-2009 à 13:03:50    


Avec la propriété "Display", non ?


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 21-11-2009 à 21:15:57    

Ce que tu veux, c'est voir le background dans les blocs bleus mais pas dans les images, c'est ça?


---------------
DTC la 3ème étoile !
Reply

Marsh Posté le 22-11-2009 à 09:14:36    

bonjour
 
j'ai fait plusieurs essais avec display mais aussi avec z-index.... et rien ne change  
 
pour repondre a J_D_ , ce que je veux c'est effectivement que la boite bleu soit transparente et l'image opaque...
 
Car effectivement voir le fond d'ecran sur les images ca veux plus rien dire !!!  
 
Je toujours preneur si qlq'un à une idée.....
 
merci

Reply

Marsh Posté le 22-11-2009 à 12:09:10    

yethi a écrit :

j'ai essayé en creant un div juste pour l'image avec

Code :
  1. filter:alpha(opacity=100);
  2. opacity:1.00;
  3. -moz-opacity:1.00;


 
Mais ca ne fonctionne pas, les nouvelles propriétés ne remplacent pas les précédentes....
La seule solution que j'ai trouvé c'est de sortir l'image de sont conteneur .....
 
Quelqu'un aurait-il une idée ????
 
Merci d'avance


 
Oui c'est bizarre...
 
"si deux règles ont les mêmes poids, origines et spécificités, c'est la dernière survenue qui l'emporte"
 
Tu es sûr que tu déclares tes propriétés d'opacité dans des div sur les 2 niveaux ?


Message édité par toum_toum le 22-11-2009 à 12:09:34

---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 22-11-2009 à 17:00:46    

si tu rends transparente une div, tout ce qui est a l'intérieur sera transparent.
 
pour ca : soit tu met un background png transparent, soit tu fais 2 div et tu les empli avec z-index, et celle qui ets au fon tu la rend transparente

Reply

Marsh Posté le 26-11-2009 à 06:51:24    

salut et merci pour vos reponses
 
toum_toum : oui les propriétés d'opacités sont bien declarées separement au niveau du CSS dans 2 div diferentes. mais le prob c'est que la div opaque est inclue a l'interieur de la div transparente....
 
stealth35 : j'ai bien pensé a du pgn transparent mais l'effet "boite arrondies" n'est pas obtenue QUE avec des images.... la partie centrale c'est juste une couleur de background........
 
Sinon faire 2 div empilées avec z-index ca marche.... mais bon ... j'aimerais bien quand même savoir si ma methode initiale est possible !!!!
 
Je suis toujours preneur si y'a un petit malin qui aurait trouvé comment faire .......
 
A+
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed