Hi,
I have a DrawRect which is filled with color and is not transparent. I also draw a label into that rectangle, so I have some text above a colored background. The next thing I want to do is to create the same kind of structure, above the already existing rectangle, so it covers the first at least partially.
What I expected to see is that the second rectangle covers the first one, so I can't see the covered parts of the first structure.
This works that way with Chrome and FF. But in IE9 I can see the label through the second rectangle but I can't see the lines of the first one.
How can the results be the same in IE as in other browsers?
Using latest SC 8.3 build form today.
Greetings Thomas
I have a DrawRect which is filled with color and is not transparent. I also draw a label into that rectangle, so I have some text above a colored background. The next thing I want to do is to create the same kind of structure, above the already existing rectangle, so it covers the first at least partially.
What I expected to see is that the second rectangle covers the first one, so I can't see the covered parts of the first structure.
This works that way with Chrome and FF. But in IE9 I can see the label through the second rectangle but I can't see the lines of the first one.
How can the results be the same in IE as in other browsers?
Using latest SC 8.3 build form today.
Greetings Thomas
Code:
isc.VLayout.create({
id: "drawPaneLayout",
autoDraw: true,
height: "100%",
width: "100%",
members: [
isc.DrawPane.create({
ID: "drawPane",
autoDraw: false,
cursor: "default",
height: "100%",
drawItems: [
isc.DrawRect.create({
id: "drawPaneRect",
mouseDown: function() {return addRect();},
fillColor: "white",
width: 140,
height: 140,
left: 60,
top: 60
}),
isc.DrawLabel.create({
id: "drawLabel",
contents: "Hide on click",
left: 80,
top: 100
})
]
})
]
});
Comment