Mettre une image avec un fond transparent

Principalement sur IE

Sujet résolu

Anonyme

18 mars 2006 à 0:57:57

Bonsoir à tous,

Cela fait deux jour que je regarde un peut partout sans trouver la solution et peut-être n'y en a t il pas mais je pose tout de même la question.

Est-il possible sur IE d'afficher une image avec un fond transparent dans au format que jpg ou png Soit par le css soit directement dans la page en html.

AurelFreaky

18 mars 2006 à 1:12:51

Sous Internet Explorer = impossible, désolé, c'est mentionné dans les cours

même si je crois que le gif gère la transparence, j'ai pas essayé sous IE.

Anonyme

18 mars 2006 à 1:20:11

Ok merci c'est bien ce qui me semblait mais je voulais être sur mais il y a quand même une ultime solution qui fonctionne sur IE c'est avec du SWF (flash) je l'utilise actuellement.

Pour INFO code type conforme W3C sous IE, sous Mozilla et autre:

Mais je trouve que cela fait lourd si il faut changer toutes les images au format SWF bien que j'ai flash mx PRO. mais si l'internaute n'as pas le plugin il passe.

Riko

18 mars 2006 à 8:12:12

Salut,
IE gère la transparence avec le format png(8 bits) mais pas avec le 32 bits.

Anonyme

18 mars 2006 à 12:03:09

Citation : Riko

Salut,
IE gère la transparence avec le format png(8 bits) mais pas avec le 32 bits.

Bonjour,

Merci Riko effectivement cela fonctionne impecablement pour une image dans une page web, cela est déja la solution à un de mes problème, par contre cela n'a aucun effet pour les image que je mets directement par les CSS la le fond n'est toujours pas transparent même en png 8bits alors que avec fiefox, opera, netscape ... pas de problèmes pour les images qui sont dans le css. Alors il me manque peut-être une information je met ci-dessous le code de mon css.

.entete {
position:absolute;
width: 100%;
height: 13%;
left:0%;
top:0%;
background-image: url(titre_design_1.png);
background-position:55%;
background-repeat:no-repeat;
background-color: inherit;
/* border: thin outset #FF6600; */
}

Riko

18 mars 2006 à 13:51:16

Bonjour,
Chez moi ça fonctionne avec les 2 IE et FF.
change ton code et mets

.entete {
background-image: url(enattente/images/general/logo_sdz_fr.png);
background-repeat: no-repeat;
width: 600px;/*taille de ton image en pixels*/
height: 100px;/*taille de ton image en pixels*/
}body {
background-color: #FFFFCC;
}

Juste pour voir s'il n'y a pas de problème de dimensions/positionnment.

Anonyme

18 mars 2006 à 20:48:35

Bonsoir,

Merci Riko, mais ce n'était pas un problème de taille, mais comme je faisais des essais je prenait la mauvaise image qui était encore en 32bits donc cela ne riquait pas de marcher.