最新版本谷歌浏览器无法显示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>