CSS中的内联SVG

是的，这是可能的。试试这个：

正文{背景图像：
url（“数据：image/svg+xml；utf8，&lt；svg xmlns=”http://www.w3.org/2000/svg“width='10'height='10'&gt；&lt；linearGradient id='gradient'&gt；&lt；stop offset='10%'stop color='%23F00'/&gt；&lt；stop offset='90%'stop color='%23fcc'/&gt；&lt；/linearGradient&gt；&lt；rect fill='url（%23gradient）'x='0'y='0'width='100%'height='100%/&gt；&lt；/svg&gt；
}

• http://jsfiddle.net/6WAtQ/

（请注意，需要对SVG内容进行url转义，以使其正常工作，例如，被替换为%23）

这在IE9（支持SVG）中起作用。数据URL也可以在旧版本的IE中工作（有限制），但它们本身不支持SVG