小编Vio*_*let的帖子

当使用SVG图像时,背景图像块在它们之间具有间隙.如何在Chrome中解决?

当我使用SVG图像作为页面正文的平铺背景时,图块之间会有一点间隙.如果我切换到文件的PNG版本,它不会发生.

我使用的是最新版本的Google Chrome for Mac - 版本19.0.1084.56.我没有测试过Windows,因为我没有那个平台.文件在Safari和FF中按预期工作.

经过一堆谷歌的搜索和搜索,我没有找到任何类似的报告.也许这里有人有解决方案.

这是我的测试代码:

<!DOCTYPE html>
<html>
<head>
<title>SVG background test</title>
<style type="text/css">
body {
   background-color: #FFF;
   background-image: url(img/assets/background.svg);
   background-repeat: repeat;
}
</style>
</head>
<body>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

svg google-chrome background-image css3

9
推荐指数
1
解决办法
4611
查看次数

标签 统计

background-image ×1

css3 ×1

google-chrome ×1

svg ×1