IMG既不显示SVG图像也不显示背景图像

Question

I can't get the SVG Image to disaply correctly in Google Chrome 34

Example

As you can see object and iframes are working. IMG and Backgroudn image aren't working.

IE11 and FireFox can display all 4 examples correct.

Answer 1

The Chrome developers have chosen not to support the use of SVG fragments in images in order to protect user's privacy.

Because your SVG file only displays each shape if it is the target of a URL fragment (the part after # in the filename), nothing is displayed when Chrome strips out the fragment.