使用带有CSS的图像显示背景网格

Question

该修订版DEMO工作得很好,除了事实上,当我改变的背景图像是越来越调整:

background-size: 20px 20px;

是否可以保持原始图像大小并使背景图像重叠(隐藏超出左上方框的图像部分(20px 20px))？

B计划是在设置的base64图像内容中使用JS裁剪图像...

Answer 1

使用只有左边框和上边框的 svg 图像可能就是您想要的？检查代码片段或这个jsfiddle（小提琴包含用于放大/缩小网格的按钮）：

body{
  background: url('http://testbed.nicon.nl/img/_FBs3b.svg') repeat;
  background-size: 20px 20px;
}