Forum d'entraide PHPFrance

bonjour,

je suis en train de refaire de fond en comble mon site et j'ai dés le début un petit problème.

Le problème c'est que j'ai une image de fond ( un motif) qui se répète et dans mes calques (CSS) je veux avoir des images de fond pour pouvoir avoir les textes par dessus. Le soucis c'est que les images sont ds png avec des dégradés.

Alors je sais comment on gère la transparence pour les balises img mais je sais pas comment on fait pour les images qu'on met dans la propriétées background-image d'un ID dans la feuille de style.
je suis pas sur d'avoir été clair alors voila le code de la page index.php ( y a pas encore de php dedans mais ça va venir :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/Main.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="centre">
	<div id="head"></div>
</div>
</body>
</html>

et voila la feuille de style Main.css :

Code : Tout sélectionner

body{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#000;
	background-image:url(../pics/fond.png);
	background-repeat:repeat;

}
img {
	behavior:	url("pngbehavior.htc");
}
#centre{
	width:970px; 
	margin:0 auto; 
	display:table;
}
#head{
	background-image:url(../pics/head.png);
	background-repeat:no-repeat;
	width:970px;
	height:156px;
}
#menu_g{
	background-image:url(../pics/menus/top.png);
	background-repeat:no-repeat;
	width:;
	height:;
}

si quelqu'un à une idée qui pourrait m'éviter d'avoir à mettre les images dans des calques recouverts par d'autres calques avec les textes ça serait super.

merci à vous

...je suis pas sur d'avoir été clair

C'est le moins qu'on puisse dire : je ne comprends pas le problème avec la transparence dans des images d'arrière-plan.

D'autre part, c'est quoi ce format d'image en .htc dans ta feuille de style ?

en fait le probleme se situe au niveau de l'image head.png et top.png

pour le fichier .htc c'est pas du tout une image mais un fichier java qui permet à IE de gérer la transparence des images png.

En gros, je veux mettre en place le transparence des images head.png et top.png qui sont respertivement les images de fond des id head et menu_g

Fais des images en png8 et non en png24 et IE les gèrera très bien sans artifices en Java

le probleme c'est qu'en png 8 je perd la transparence

Avec quoi tu fais tes png ? Si c'est PhotoShop, il y a une case à cocher pour appliquer la transparence quand tu enregistres pour le web. Je fais régulièrement des images en png8 avec transparence et je n'ai jamais eu vraiment de soucis de ce coté là

Pour les PNG photoshop CS2
mais je coche bien la case et le reglage du dessous me permet uniquement d'avoir un ombré mais vraiment salement dégradé

Forum d'entraide PHPFrance

pngbehavior sur background-image

pngbehavior sur background-image

Re: pngbehavior sur background-image