I created a sunny sky with two objects following a random transparent path with

Question

Editorial Team

Asked: June 4, 20262026-06-04T06:24:07+00:00 2026-06-04T06:24:07+00:00

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

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

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-04T06:24:09+00:00

Editorial Team

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.

The Archive Base Latest Questions