svg transparency feature detection

svg transparency feature detection

1. safari does not preserve transparency with SVGs in object, embed, or iframe tags

2. safari does preserve transparency with SVGs in image tags

What I mean by "preserve transparency" is if the SVG with a red circle in an object tag is placed inside a div tag with a black background color, only the SVG will have a white background. The circle will be red but inside a white square inside a black div...

I need to detect if the object tag is preserving transparency. If it does not preserve transparency then I want to use an img tag.

unfortunately I can not use object fallback because safari supports the object tag.... it just doesn't support transparency in the object tag