Created attachment 673033 [details] ffbug.html User Agent: Mozilla/5.0 (Windows NT 5.1; rv:16.0) Gecko/20100101 Firefox/16.0 Build ID: 20121010144125 Steps to reproduce: Have a simple html file. Table cell is given a css class with a background-image based on an inline svg file using a simple pattern. Actual results: The contents of the cell are displayed, but the background image is not evident. Expected results: The background shows as yellow in Chrome. The background shows as yellow if I place the svg into its own file.
Data uri's need to be url encoded to be valid, so.. invalid.
I think it is worthwhile pursuing this as an enhancement, because the url-encoding requirement is generally eschewed by browsers, and full encoding makes the svg essentially unreadable. However, thanks to your answer, I have discovered it is only the # that needs encoding, and this also explains why I was having difficulties with hex code colors versus rgb()'s.