Bonjour,

j'ai un DIV dont le background-Image CSS ne fonctionne pas, mais si je mets un background-Color bleu il apparaît bien en bleu.
Sur le body il a 3 canvas qui sont tous à 100% en taille donc j'aurais pu croire que c'était à cause d'eux, mais non puisque le bleu du Div fonctionne quand je mets le background color bleu, et ce que j'écris dans le div se voit bien aussi, en plus le zindex des canvas est inférieur à celui du DIV, mon problème c'est seulement que le css n'agit pas sur le background image du DIV.


Le div "bar1" est déclaré dans le body :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<body>
 
	<div id="contener">
		<canvas id="ecran0"></canvas>		   
		<canvas id="ecran1"></canvas>
		<canvas id="ecran2"></canvas>
 
	</div>
 
    <div id="bar1" onclick="testecase(1)">aaaaa</div>
 
</body>
 
</html>
 
 
<script>
    var barre1=document.getElementById('bar1');
    
        var ctx0 = document.getElementById('ecran0').getContext('2d');
        var ctx1 = document.getElementById('ecran1').getContext('2d');
        var ctx2 = document.getElementById('ecran2').getContext('2d');
</script>>
 
 
<script type="text/javascript">
        window.onload=function(){init();};
</script>

Mon
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
#bar1{
    position:absolute;
    left:0;
    top:100px;
    bottom:96px;
    height:48px;
    width:1280px;
    background-image:url("img/gui/barre01.jpg");
    z-index: 4;
}

Mon code JS, mais ril n'a aucunes actions de ma part sur le DIV :
Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function init(){
 
/* ***************** DEFINIT LA TAILLE DE L'ECRAN GRAPHIQUE ************************ */ 
 
	// Adapte le canvas CTX0 à la taille de l'écran.
 
	ecran0.width=largeur;
	ecran0.height=hauteur;
	ctx0.width=largeur;
	ctx0.height=hauteur;
 
	// Adapte le canvas CTX1 à la taille de l'écran.
 
	ecran1.width=largeur;
	ecran1.height=hauteur;
	ctx1.width=largeur;
	ctx1.height=hauteur;
 
	// Adapte le canvas CTX2 à la taille de l'écran.
 
	ecran2.width=largeur;
	ecran2.height=hauteur;
	ctx2.width=largeur;
	ctx2.height=hauteur;
}