By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,466 Members | 1,128 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,466 IT Pros & Developers. It's quick & easy.

svg in Internet Explorer with adobe plugin

P: n/a


Note: this is a IE 6,7 and 8b1 only html example, my problem does not
appear in other browsers with native svg support. For them i have a
working valid "XHTML 1.1 plus MathML 2.0 plus SVG 1.1" Version :-)

I have an svg element embedded into a html.
Sadly the global definition in <svg:style type="text/css"is not
overwritten by the special style attributes of the circle and polyline

<html xmlns=""
xmlns:svg="" xml:lang="en">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>SVG CSS Test</title>
<object id="AdobeSVG"
<?import namespace="svg" implementation="#AdobeSVG"?>
<p id="playground">
<svg:svg xmlns:svg="" x="0" y="0" height="200"
width="200" layerX="0" layerY="0">
<svg:style xmlns:svg="" type="text/css">
* {stroke:blue;fill: red;overflow: visible;}
<svg:svg xmlns:svg="" x="30" y="30"
height="60" width="60">
<svg:circle cx="30" cy="30" r="30" style="fill: green;overflow:
<svg:polyline points="60,30 30,60 0,30" style="fill:none; stroke:

The circle should be filled green, the stroke of the polyline yellow.

Dropping the <svg:style type="text/css"results in a fall back to the
default values of fill (black) and stroke (none), with is not a solution

In reality i get a string of the svg with ajax and import this to the
DOM. So it would be best if there is an easy automated way to change the
SVG to be displayed as in opera/firefox.

best regards
Holger Jeromin
Jun 27 '08 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.