主页
问答

最新版本谷歌浏览器无法显示svg

前端精髓前端开发 2019-04-11 10:53:36

我是在CSS中使用了svg，现在一直无法显示出来，代码是这样的，求大神解答？

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box {
width: 200px;
height: 200px;
border: 1px solid red;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><line x1="0" y1="0" x2="100%" y2="100%" stroke="#E6E6E6" stroke-width="1"/></svg>');
}
</style>
</head>
<body>
<div class="box">
</div>
</body>
</html>

...全文