I want to display images on a dojo chart. For this i use the following code
var l_images = ["images/clearnight.png","images/clear.png","images/partlyCloudy.png","images/cloudy.png","images/showers.png","images/rain.png","images/thunderstorms.png","images/ice.png","images/flurries.png","images/snow.png","images/partlyCloudynight.png"];
var d = new dojo.Deferred();
for(var i=1 ; i < conditionData.length-1 ; i++ ) {
var l_con_map = conditionData[i];
var l_image_id = "image"+i;
try {
dojo.create("img", {src: l_images[l_con_map.conditon]}, dojo.byId(l_image_id));
} catch(e) {
d.errback(e);
}
}
each l_image_id is a div with css. For example :
and the css is
.zdiv1css {
position:absolute;
top:240px;
right:0px;
left:190px;
width:200px;
}
It is working fine for IE9 and chrome but IE8 is not displaying any image.
Please help me out Thanks in advance
.........................................
add
z-index:999
as like this
.zdiv1css {
z-index:999;
}