28220 sujets

CSS et mise en forme, CSS3

Bonjour,

Oui je suis confronté au problème de transparance d'un Background-image en PNG. (Pour mes images PNG j'ai résolu avec la solution que l'on trouve ici: http://homepage.ntlworld.com/bobosola/pngtestfixed.htm ).
Mais a priori celà ne fonctionne pas pour les backgrounds...
Voila ce que j'ai sous Firefox:
http://ziad270.free.fr/images/printscreen/bg-transp-ff.png
Et sous IE:
http://ziad270.free.fr/images/printscreen/bg-transp-ie.png

(Rassurez vous, pour ceux qui sont sensibles à l'accessibilité...quand je zoom au maximum sous FF...ca fonctionne bien...j'ai juste collé un png de 8px sous le bandeau pour l'ombré...)

La je ne vois pas comment faire...
(j'ai deja eu du mal à collé le bandeau bas gauche sous l'ombre (merci ce forum et le
font-size:0;
sur mon div d'ombre)

La je ne vois pas...sur le background mon script JS ne passe pas...

J'ai testé le :
.transp_img {
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Mozilla */
-khtml-opacity: 0.5; /* Safari */
opacity: 0.5; /* CSS3 */
}


Sans succès...dans la mesure ou c'est Background (j'ai cru comprendre).
Faut-il alors que je ne mette pas l'image en background??

Ziad O'Hanlon

EDIT: en fait ca me parait maintenant evident que le js ne fonctionne pas sur le background...puisque le png est renseigné dans la CSS...

Edit2 : En le sortant de la css et en le mettant dans
 <div id="monid" style="monstyle"></div>

Le problème reste entier...mais vu le javascript je vais tenter un préload de l'image

Edit3: Information Ici: http://fashion.hosmoz.net/blog/2005/01/20/305-ie-et-les-png-transparents
Au final...je vais tenter le PNG8
Modifié par ziad270 (04 May 2005 - 16:55)
Merci... Smiley smile j'y suis encore Smiley decu

pourtant j'avais fait des recherches Smiley ohwell ...je suis plus à l'aise avec google il faut croire Smiley lol ..c'est l'essentiel

EDIT: si quelqu'un se perd sur mon post la solution à ce problème est ici:
http://www.skyzyx.com/scripts/sleight.php

EDIT: Cf remarque/exemple de Cariboost....Ne fonctionne pas vraiment car le repeat en X ou Y ou les deux pose problème. Celà dit vous pouvez l'utiliser pour:
un repeat X sur un png avec une largeur de 1px
ou
un repeat-Y sur un png avec une hauteur de 1px
Il n'y a pas de repeat...mais le scale donne strictement le même résultat (même si intellectuellement...c'est très frustrant de ce dire que c'est une image étirée par IE et non un vrai repeat...mais perso je ne m'en étais pas aperçu avant la remarque de Cariboost)
Modifié par ziad270 (16 Jun 2005 - 14:47)