0

The fill-opacity selector doesn't seem to work in IE8. Does anyone know how to make VML shapes in IE8 semi-transparent?

Robert Longson
  • 118,664
  • 26
  • 252
  • 242
symlink
  • 11,984
  • 7
  • 29
  • 50
  • 1
    I thought IE8 didn't support SVG at all... http://stackoverflow.com/questions/9353798/svg-support-for-internet-explorer-8-and-below – Paul LeBeau Nov 01 '13 at 06:48
  • @BigBadaboom you're right, it's vml. Editing my answer. – symlink Nov 01 '13 at 15:21
  • Have you considered using a library like Raphael, which supports both SVG and VML? – Spudley Nov 01 '13 at 15:24
  • @Spudley currently using Raphael. There are callback functions in the VML that set CSS for the shapes. It's in there I'm trying to set transparency – symlink Nov 01 '13 at 15:29

2 Answers2

0

Have you tried like setting the opacity attribute to the v:fill element ?

var vfill = document.createElement("v:fill");
vfill.setAttribute("color",fillcolor);
vfill.setAttribute("opacity",fillopacity);

Source

http://msdn.microsoft.com/en-us/library/bb229612(v=vs.85).aspx

vjy
  • 1,184
  • 1
  • 10
  • 24
0

I've decided to leave well-enough alone. If IE8 refuses to accept SVGs, then user's will have to use the uglier VML experience :P

symlink
  • 11,984
  • 7
  • 29
  • 50