28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je cherche à faire un arrière plan en dégradé à l'aide d'une image en PNG (de quelques pixels de largeur et environ 200 pixels en hauteur), associé à une couleur fixe pour le bas de la page (couleur de fin du dégradé).

Illustration:
upload/13252-problemebg.PNG

Il est évident que le resultat escompté est celui de Firefox Smiley smile

Code CSS:
body{
     background:#383838 url("images/fond_degrad.png") repeat-x;
}


Code HTML:
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
</body>


Merci pour votre aide Smiley smile
Jean-Baptiste
Modifié par jiber2fr (10 Nov 2007 - 19:27)
Hello,

Essaie de sauver ta png différement :
- soit avec d'autres paramètres (sans transparence par exemple)
- ou avec un autre logiciel
- ou avec PngOptimizer
Modifié par Ralfman68 (10 Nov 2007 - 16:02)
Merci,

J'ai essayé:
- Avec / sans transparence
- Entrelacé / non entrelacé
- Avec photoshop et paint

Ca fait pareil dans tous les cas. Par contre, ça marche en mettant l'image en GIF; je vais donc laisser en GIF pour cette image, mais j'aimerais quand même bien comprendre le problème car il reviendra tôt ou tard...

Quelqu'un a déjà rencontré ce genre de cas ? Je savais qu'IE a beaucoup de mal avec les images en PNG, mais je ne pensais pas que c'était à ce point là (Paint arrive à lire l'image correctement mais pas IE !?).

Merci pour vos idées Smiley smile