4

I created a sunny sky with two objects following a random transparent path with raphaël.js:

http://jsfiddle.net/vcX4U/1/

This works fine in all proper browsers: Good Sky

Only IE8 - which I have to support due to the WinXP-users - shows a black path and flipped gradients on the upper sun rays (which is not critical):

Bad Sky

I am pretty sure this has to do with raphaël.js using VML for IE6-8, and SVG for all other browsers. But that may be an explanation not a solution...

Ideas?

edit @amadan: Thanx for your effort. But this makes the planes "crash":

enter image description here

AvL
  • 3,083
  • 1
  • 28
  • 39

1 Answers1

4

It's only a partial solution for now, but 

var c = paper.path(route).attr({stroke:"transparent","opacity":"0.01"});

fixes your stroke issue. I'll have a look at the ray issue later.

amadan
  • 1,514
  • 10
  • 14
  • I think you'll find that if you run your fiddle twice on IE, with or without the above change, your planes crash :( – amadan May 22 '12 at 14:44
  • Actually I don't "use" the planes at all. For my real project it is a little devil followed by an angle: http://jsfiddle.net/Y8xGT/3/ and as you can see in my update http://jsfiddle.net/Y8xGT/4/ it works perfectly with `.attr({opacity:0})`! Thanks again! – AvL May 22 '12 at 15:06