17552 2008-02-26 05:55:37 -0800 SVG images not working as background-image 2008-12-30 21:20:17 -0800 1 1 1 Unclassified WebKit SVG 528+ (Nightly build) All All RESOLVED DUPLICATE 21910 P2 Normal --- 1 sjoerd webkit-unassigned nickshanks webkit oldest_to_newest 71994 0 sjoerd 2008-02-26 05:55:37 -0800 It appears that SVG images are currently not working as a background image. See attached examples. HTML file contains a div which should have a SVG as a background-image (CSS). Supplied SVG image does work when simply used in an img tag. 71995 1 19372 sjoerd 2008-02-26 05:56:12 -0800 Created attachment 19372 Example HTML file 71996 2 19373 sjoerd 2008-02-26 05:56:45 -0800 Created attachment 19373 Example SVG file 74348 3 webkit 2008-03-18 16:37:13 -0700 Confirmed in Webkit r31132 on Mac OS X 10.5. 74502 4 19894 webkit 2008-03-20 00:58:46 -0700 Created attachment 19894 standalone test case This test works out of box. 103858 5 simon.fraser 2008-12-30 21:20:17 -0800 *** This bug has been marked as a duplicate of 21910 *** 19372 2008-02-26 05:56:12 -0800 2008-02-26 05:56:12 -0800 Example HTML file index.html text/html 379 sjoerd PGh0bWw+CjxoZWFkPgogICAgPHRpdGxlPlNWRyBiYWNrZ3JvdW5kLWltYWdlIHRlc3Q8L3RpdGxl PgogICAgCiAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgLnN2ZyB7CiAgICAgICAgYmFj a2dyb3VuZC1pbWFnZTogdXJsKCdncmFkaWVudC5zdmcnKTsKICAgICAgICB3aWR0aDogNDAwcHg7 CiAgICAgICAgaGVpZ2h0OiA0MDBweDsKICAgIH0KICAgIDwvc3R5bGU+CjwvaGVhZD4KCjxib2R5 PgoKPGRpdiBjbGFzcz0ic3ZnIj4KVGhpcyBpcyBhIGRpdiB3aXRoIGEgU1ZHIGJhY2tncm91bmQt aW1hZ2UuCjwvZGl2PgoKPGltZyBzcmM9ImdyYWRpZW50LnN2ZyIgc3R5bGU9IndpZHRoOiA0MDBw eDsgaGVpZ2h0OiA0MDBweDsiLz4KPC9ib2R5PgoKPC9odG1sPg== 19373 2008-02-26 05:56:45 -0800 2008-02-26 05:56:45 -0800 Example SVG file gradient.svg image/svg+xml 580 sjoerd PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJ QyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iIAogICAgImh0dHA6Ly93d3cudzMub3JnL0dyYXBo aWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cgo8c3ZnIHdpZHRoPSIxcHgiIGhlaWdodD0iMTBw eCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAg PGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9Im9yYW5nZV9yZWQiIHgxPSIwJSIgeTE9IjAl IiB4Mj0iMCUiIHkyPSIxMDAlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNv bG9yOnJnYig3NCw3NCw3NCk7IHN0b3Atb3BhY2l0eToxOyIvPgogICAgPHN0b3Agb2Zmc2V0PSIx MDAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMTgyLDE4MiwxODIpOyBzdG9wLW9wYWNpdHk6MTsi Lz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8cmVjdCB4PSIwIiB5PSIw IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDp1cmwoI29yYW5nZV9yZWQp Ii8+Cjwvc3ZnPg== 19894 2008-03-20 00:58:46 -0700 2008-03-20 00:58:46 -0700 standalone test case test case.html text/html 2481 webkit PGh0bWw+CjxoZWFkPgogICAgPHRpdGxlPlNWRyBiYWNrZ3JvdW5kLWltYWdlIHRlc3Q8L3RpdGxl PgogICAgCiAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgLnN2ZyB7CiAgICAgICAgYmFj a2dyb3VuZC1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7Y2hhcnNldD11dGYtOCwlM0Ml M0Z4bWwlMjB2ZXJzaW9uJTNEJTIyMS4wJTIyJTIwc3RhbmRhbG9uZSUzRCUyMm5vJTIyJTNGJTNF JTBEJTBBJTNDIURPQ1RZUEUlMjBzdmclMjBQVUJMSUMlMjAlMjItJTJGJTJGVzNDJTJGJTJGRFRE JTIwU1ZHJTIwMS4xJTJGJTJGRU4lMjIlMjAlMEQlMEElMjAlMjAlMjAlMjAlMjJodHRwJTNBJTJG JTJGd3d3LnczLm9yZyUyRkdyYXBoaWNzJTJGU1ZHJTJGMS4xJTJGRFREJTJGc3ZnMTEuZHRkJTIy JTNFJTBEJTBBJTBEJTBBJTNDc3ZnJTIwd2lkdGglM0QlMjIxcHglMjIlMjBoZWlnaHQlM0QlMjIx MHB4JTIyJTIwdmVyc2lvbiUzRCUyMjEuMSUyMiUyMHhtbG5zJTNEJTIyaHR0cCUzQSUyRiUyRnd3 dy53My5vcmclMkYyMDAwJTJGc3ZnJTIyJTNFJTBEJTBBJTIwJTIwJTIwJTIwJTNDZGVmcyUzRSUw RCUwQSUyMCUyMCUyMCUyMCUzQ2xpbmVhckdyYWRpZW50JTIwaWQlM0QlMjJvcmFuZ2VfcmVkJTIy JTIweDElM0QlMjIwJTI1JTIyJTIweTElM0QlMjIwJTI1JTIyJTIweDIlM0QlMjIwJTI1JTIyJTIw eTIlM0QlMjIxMDAlMjUlMjIlM0UlMEQlMEElMjAlMjAlMjAlMjAlM0NzdG9wJTIwb2Zmc2V0JTNE JTIyMCUyNSUyMiUyMHN0eWxlJTNEJTIyc3RvcC1jb2xvciUzQXJnYig3NCUyQzc0JTJDNzQpJTNC JTIwc3RvcC1vcGFjaXR5JTNBMSUzQiUyMiUyRiUzRSUwRCUwQSUyMCUyMCUyMCUyMCUzQ3N0b3Al MjBvZmZzZXQlM0QlMjIxMDAlMjUlMjIlMjBzdHlsZSUzRCUyMnN0b3AtY29sb3IlM0FyZ2IoMTgy JTJDMTgyJTJDMTgyKSUzQiUyMHN0b3Atb3BhY2l0eSUzQTElM0IlMjIlMkYlM0UlMEQlMEElMjAl MjAlMjAlMjAlM0MlMkZsaW5lYXJHcmFkaWVudCUzRSUwRCUwQSUyMCUyMCUyMCUyMCUzQyUyRmRl ZnMlM0UlMEQlMEElMjAlMjAlMjAlMjAlM0NyZWN0JTIweCUzRCUyMjAlMjIlMjB5JTNEJTIyMCUy MiUyMHdpZHRoJTNEJTIyMTAwJTI1JTIyJTIwaGVpZ2h0JTNEJTIyMTAwJTI1JTIyJTIwc3R5bGUl M0QlMjJmaWxsJTNBdXJsKCUyM29yYW5nZV9yZWQpJTIyJTJGJTNFJTBEJTBBJTNDJTJGc3ZnJTNF Jyk7CiAgICAgICAgd2lkdGg6IDQwMHB4OwogICAgICAgIGhlaWdodDogNDAwcHg7CiAgICB9CiAg ICA8L3N0eWxlPgo8L2hlYWQ+Cgo8Ym9keT4KCjxkaXYgY2xhc3M9InN2ZyI+ClRoaXMgaXMgYSBk aXYgd2l0aCBhIFNWRyBiYWNrZ3JvdW5kLWltYWdlLgo8L2Rpdj4KCjxpbWcgc3JjPSJkYXRhOmlt YWdlL3N2Zyt4bWw7Y2hhcnNldD11dGYtOCwlM0MlM0Z4bWwlMjB2ZXJzaW9uJTNEJTIyMS4wJTIy JTIwc3RhbmRhbG9uZSUzRCUyMm5vJTIyJTNGJTNFJTBEJTBBJTNDIURPQ1RZUEUlMjBzdmclMjBQ VUJMSUMlMjAlMjItJTJGJTJGVzNDJTJGJTJGRFREJTIwU1ZHJTIwMS4xJTJGJTJGRU4lMjIlMjAl MEQlMEElMjAlMjAlMjAlMjAlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRkdyYXBoaWNzJTJG U1ZHJTJGMS4xJTJGRFREJTJGc3ZnMTEuZHRkJTIyJTNFJTBEJTBBJTBEJTBBJTNDc3ZnJTIwd2lk dGglM0QlMjIxcHglMjIlMjBoZWlnaHQlM0QlMjIxMHB4JTIyJTIwdmVyc2lvbiUzRCUyMjEuMSUy MiUyMHhtbG5zJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy53My5vcmclMkYyMDAwJTJGc3ZnJTIyJTNF JTBEJTBBJTIwJTIwJTIwJTIwJTNDZGVmcyUzRSUwRCUwQSUyMCUyMCUyMCUyMCUzQ2xpbmVhckdy YWRpZW50JTIwaWQlM0QlMjJvcmFuZ2VfcmVkJTIyJTIweDElM0QlMjIwJTI1JTIyJTIweTElM0Ql MjIwJTI1JTIyJTIweDIlM0QlMjIwJTI1JTIyJTIweTIlM0QlMjIxMDAlMjUlMjIlM0UlMEQlMEEl MjAlMjAlMjAlMjAlM0NzdG9wJTIwb2Zmc2V0JTNEJTIyMCUyNSUyMiUyMHN0eWxlJTNEJTIyc3Rv cC1jb2xvciUzQXJnYig3NCUyQzc0JTJDNzQpJTNCJTIwc3RvcC1vcGFjaXR5JTNBMSUzQiUyMiUy RiUzRSUwRCUwQSUyMCUyMCUyMCUyMCUzQ3N0b3AlMjBvZmZzZXQlM0QlMjIxMDAlMjUlMjIlMjBz dHlsZSUzRCUyMnN0b3AtY29sb3IlM0FyZ2IoMTgyJTJDMTgyJTJDMTgyKSUzQiUyMHN0b3Atb3Bh Y2l0eSUzQTElM0IlMjIlMkYlM0UlMEQlMEElMjAlMjAlMjAlMjAlM0MlMkZsaW5lYXJHcmFkaWVu dCUzRSUwRCUwQSUyMCUyMCUyMCUyMCUzQyUyRmRlZnMlM0UlMEQlMEElMjAlMjAlMjAlMjAlM0Ny ZWN0JTIweCUzRCUyMjAlMjIlMjB5JTNEJTIyMCUyMiUyMHdpZHRoJTNEJTIyMTAwJTI1JTIyJTIw aGVpZ2h0JTNEJTIyMTAwJTI1JTIyJTIwc3R5bGUlM0QlMjJmaWxsJTNBdXJsKCUyM29yYW5nZV9y ZWQpJTIyJTJGJTNFJTBEJTBBJTNDJTJGc3ZnJTNFIiBzdHlsZT0id2lkdGg6IDQwMHB4OyBoZWln aHQ6IDQwMHB4OyIvPgo8L2JvZHk+Cgo8L2h0bWw+