Bonjour à tous et à toutes.
Voilà mon problème : j'ai deux div imbriqué ayant chacun une image background différente, la seconde en format gif et possédant de la transparence).
Les deux div s'imbrique impécable, mais l'image au format gif perd sa transparence et cache le fond du premier gif !!
Y a t-il un moyen pour régler ça ?
Voici mon code :
Et voici mes deux images :
Merci d'avance à ceux qui se pencheront sur ce problème !
Modifié par fab30 (11 Apr 2008 - 09:49)
Voilà mon problème : j'ai deux div imbriqué ayant chacun une image background différente, la seconde en format gif et possédant de la transparence).
Les deux div s'imbrique impécable, mais l'image au format gif perd sa transparence et cache le fond du premier gif !!
Y a t-il un moyen pour régler ça ?
Voici mon code :
<html>
<head>
<!-- CSS Stylesheet -->
<style type="text/css">
<!--
div.graph{
border-left:solid 1px #333333;
border-right:solid 1px #333333;
border-top:solid 1px #333333;
border-bottom:solid 1px #333333;
background:#ffffff url(../image/graph-bg.png) repeat-x;
Font:normal 12px "Trebuchet MS";
height: 100%;
width: 100%;
}
div.grille{
text-align:left;
margin:0px;
padding:0px;
overflow:hidden;
background:#ffffff url(../image/graph-grille.png) repeat;
height: 100%;
width: 100%;
}
-->
</style>
<!-- / CSS Stylesheet -->
<title>Test de superposition d'images</title>
</head>
<body>
<div id="MainTitle">
<h1>Test de superposition d'images</h1>
</div>
<div style="height: 300px; width: 600px;" id="graph1">
<div class="graph">
<div class="grille">
</div>
</div>
</div>
</body>
</html>
Et voici mes deux images :
Merci d'avance à ceux qui se pencheront sur ce problème !
Modifié par fab30 (11 Apr 2008 - 09:49)