61,128
社区成员
发帖
与我相关
我的任务
分享最新版本谷歌浏览器无法显示svg
我是在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>
<!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>
...全文
请发表友善的回复…
发表回复
