28173 sujets

CSS et mise en forme, CSS3

Bonjour, ou plutôt bonsoir,

J'ai un problème (hé bien oui ça arrive!)

Je travaille sur le design d'un site, j'ai opté pour l'utilisation d'une image en background et d'une div #container à laquelle g attribué les paramètres suivants afin de laisser apparaitre l'image en background dans body


opacity: 0.90;
-moz-opacity: 0.9;
filter: alpha(opacity=90);


Jusqu'ici tout va bien, Le conte u du site est héritier de ces valeurs puisque se trouvant DANS la div #container.

Le seul beug que je rencontre est en fait l'image que j'utilise comme en tête (ou header, mais la mise en page est un peu différente) ou titre de page

Il s'agit d'un jpeg, avec un effet très "tuto" (un peu classique non?) avec un fond identique à celui du background (#333) et là... c'est le drame

Opéra, firefox -> Aucun problème le fondu se passe sans aucun problème!
Multiple IE's -> (du 5 au 7) l'image est éclaircit.

Et là je ne comprends pas. Voici l'URL de la page en question :http://processus-records.fr/pages
Cliquez ici !
[/url]

J'ai longuement regardé différentes pour palier à mon problème
-gif -> mauvais résultat
-png -> je n'ai jamais réussis à faire fonctionner les hacks pour pour la transparence des png dans IE

J'ai également regardé différentes options de hack css pour ie (j'utilise déjà une css pour ie 7 et une autre pour les versions anterieures)
, j'ai également essayé la propriété zoom:1; qui me parait malgré tout un peu obscur.

Voici le lien de mes css:
http://processus-records.fr/templates/process/style_text.css
les styles de textes[/url]
http://processus-records.fr/templates/process/style_block.css
les styles de blocs[/url]

Si quelqu'un avait une solution à mon problème ça m'arrangerait pas mal, merci d'avance!

Pistil;)