Question

我正在尝试将内联SVG添加到HTML文件中，但它没有显示任何内容，而如果单独则可以。为什么呢？

<html>
    <head></head>
    <body>
        <svg xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
            width="16px" height="16px">

            <defs>
              <linearGradient id="lg1">
                <stop style="stop-color:#ffffff;stop-opacity:0.50;" offset="0"/>
                <stop style="stop-color:#00ff00;stop-opacity:0.75;" offset="1"/>
              </linearGradient>
              <linearGradient xlink:href="#lg1" id="lg2"
                x1="0" y1="0" x2="16" y2="0" gradientUnits="userSpaceOnUse" />
            </defs>
            <g>
              <rect style="fill:url(#lg2);fill-opacity:1" id="rect3001"
                width="48" height="48" x="0" y="0" />
            </g>
        </svg>
    </body>
</html>

Answer 1

添加<!DOCTYPE html> - 看起来像IE9需要它，但FF和Chrome没有。

Answer 2

或者，使用XHTML。

＆lt; html xmlns =“http://www.w3.org/1999/xhtml”＆gt;

如何内联SVG？

2 个答案: