Comment se debarasser de la transparence d'image

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Comment se debarasser de la transparence d'image

yethi

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 :

filter:alpha(opacity=80);
opacity:0.80;
-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 :

filter:alpha(opacity=100);
opacity:1.00;
-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

Publicité

toum_toum

Vivons masqués

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

---------------
“Never forget that England imposed this war on us" - Goebbels 1943 . “Et maintenant, la météo" - Soloviev 2023

J_D_

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 !

yethi

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

toum_toum

Vivons masqués

yethi a écrit :

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

Code :

filter:alpha(opacity=100);
opacity:1.00;
-moz-opacity:1.00;

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

---------------
“Never forget that England imposed this war on us" - Goebbels 1943 . “Et maintenant, la météo" - Soloviev 2023

stealth35

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

yethi

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+

FORUM HardWare.fr

Programmation

HTML/CSS

Comment se debarasser de la transparence d'image

Sujets relatifs
Interface Mur d'image 3D dans Flash	[PHP / HTML] Afficher une image avant l'exécution d'un long script php
un son au passage de la souris sur une image	Afficher mon image (php/java)
Image qui s'affiche en gris	Accès image sur un serveur
agrandir vignette - image par défaut	affichage d'une image dans un Userform sur paramètre dans le chemin
lissage d'image et chargement	dessiner un rectangle de taille donné dans une image de taille donnée
Plus de sujets relatifs à : Comment se debarasser de la transparence d'image

Page générée en 0.072 secondes