22986 2008-12-24 14:56:36 -0800 Loading external SVG using <image> doesn't have transparent background 2011-06-02 06:48:17 -0700 1 1 1 Unclassified WebKit SVG 525.x (Safari 3.1) PC Windows XP RESOLVED DUPLICATE 18228 P2 Normal --- 0 dustin webkit-unassigned chikada jeffschiller nwtour zimmermann oldest_to_newest 103386 0 dustin 2008-12-24 14:56:36 -0800 If you load an external SVG into you new SVG file like so, <image id="cloud_image" xlink:href="/svg/weather/cloudy.svg" width="200" height="200" x="0" y="0"/> Then the background of the external SVG will be white, not transparent like it should be. However I've noticed if I remove the width, height, and viewbox attributes from the external SVG file, the background will become transparent but of course sizing wil not be correct. Thus it makes layering multiple SVG images ontop of one another every difficult because they would all have to be contained within one file. 173204 1 45160 nwtour 2009-12-18 09:49:40 -0800 Created attachment 45160 html 173205 2 45161 nwtour 2009-12-18 09:50:20 -0800 Created attachment 45161 first included svg 173207 3 45162 nwtour 2009-12-18 09:50:57 -0800 Created attachment 45162 second included svg 173209 4 nwtour 2009-12-18 09:54:10 -0800 +1 opera, firefox, arora, msie + renesis plugin: show red background and 2 words "test". midori, chromium, komqueror ( linux ): white background and 1 word "test". 282064 5 jeffschiller 2010-09-20 20:54:28 -0700 Konstantin, I'm confused by your attachments. None of your attachments use a <image> element as per Dustin, and the HTML file uses an <object> tags to include the two SVG files. So these would seem to be invalid files for this bug (though they do address the problem described in Bug 10687 and Bug 27078). 282469 6 nwtour 2010-09-21 12:05:11 -0700 Jeff Schiller. Sorry, I really made a mistake. 413295 7 zimmermann 2011-06-01 04:45:30 -0700 (In reply to comment #6) > Jeff Schiller. Sorry, I really made a mistake. Another note regarding testcase from Konstantin: The expected result is indeed a red background, and the word "TEST" twice, but only if the <object> is correctly closed: <object width="100" height="100" type="image/svg+xml" data="1.svg"></object> In the testcase you'll see: <object width="100" height="100" type="image/svg+xml" data="1.svg"/> When saving Konstantins testcase as .html file Firefox and WebKit will only show the word "TEST" once. This is because the second div is not present in the DOM tree at all, because self-closing tags aren't valid in pure HTML. If you properly close both <object></object>s then the testcase will show "TEXT" two times, both in Firefox and WebKit. We still need a testcase for the original bug reported by Dustin. 414083 8 zimmermann 2011-06-02 06:48:17 -0700 This is resolved in trunk, see http://trac.webkit.org/changeset/87840. *** This bug has been marked as a duplicate of bug 18228 *** 45160 2009-12-18 09:49:40 -0800 2010-09-21 12:03:03 -0700 html bug.html text/html 313 nwtour PGJvZHkgYmdjb2xvcj0iI2ZmMDAwMCI+CjxkaXYgaWQ9InRlc3QxIiBzdHlsZT0icG9zaXRpb246 IGFic29sdXRlO2xlZnQ6IDBweDt0b3A6IDBweDsiPgo8b2JqZWN0IHdpZHRoPSIxMDAiIGhlaWdo dD0iMTAwIiB0eXBlPSJpbWFnZS9zdmcreG1sIiBkYXRhPSIxLnN2ZyIvPgo8L2Rpdj4KPGRpdiBp ZD0idGVzdDIiIHN0eWxlPSJwb3NpdGlvbjogYWJzb2x1dGU7bGVmdDogMHB4O3RvcDogMHB4OyI+ CjxvYmplY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHR5cGU9ImltYWdlL3N2Zyt4bWwiIGRh dGE9IjIuc3ZnIi8+CjwvZGl2Pgo8L2JvZHk+Cg== 45161 2009-12-18 09:50:20 -0800 2010-09-21 12:02:49 -0700 first included svg 1.svg image/svg+xml 354 nwtour PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjwh RE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cu dzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6 Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5 OS94bGluayIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiA+ Cjx0ZXh0IHg9IjIwIiB5PSIzMCIgZm9udC1zaXplPSIxMCIgZmlsbD0iYmxhY2siID5URVNUPC90 ZXh0Pgo8L3N2Zz4K 45162 2009-12-18 09:50:57 -0800 2010-09-21 12:01:22 -0700 second included svg 2.svg image/svg+xml 354 nwtour PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjwh RE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cu dzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6 Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5 OS94bGluayIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiA+ Cjx0ZXh0IHg9IjIwIiB5PSI3MCIgZm9udC1zaXplPSIxMCIgZmlsbD0iYmxhY2siID5URVNUPC90 ZXh0Pgo8L3N2Zz4K