pngbehavior sur background-image

par **cbdreamdev** » 13 mars 2006, 10:31

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é

par **Cyrano** » 13 mars 2006, 10:27

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à

par **cbdreamdev** » 13 mars 2006, 10:24

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

par **Cyrano** » 13 mars 2006, 09:38

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

par **cbdreamdev** » 13 mars 2006, 02:24

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

par **Cyrano** » 13 mars 2006, 01:30

...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 ?

par **cbdreamdev** » 13 mars 2006, 00:54

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

pngbehavior sur background-image

Répondre

Étendre la vue Revue du sujet : pngbehavior sur background-image

Re: pngbehavior sur background-image

pngbehavior sur background-image