Javascript 通过重复创建具有小图像的div的背景_Javascript_Jquery_Html_Css_Background

Javascript 通过重复创建具有小图像的div的背景

javascript jquery html css

Javascript 通过重复创建具有小图像的div的背景,javascript,jquery,html,css,background,Javascript,Jquery,Html,Css,Background,我想知道是否可以实施以下措施：比如说，我有一个20x20像素的图像，在我的网站上我有一个750x500像素的div，我想把这个图像作为整个div的背景。我试着重复这个图像，但重复效果不好。在这种情况下，背景似乎失真了。还有别的办法吗？我在网上搜索，但什么也没找到 ![please check the image][1] 这就是你要问的吗文档背景大小：背景职位的文件：您添加了一个屏幕截图，并询问为什么会看到网格模式。这是因为你正在平铺一个不对称的图像，边缘不匹配。如果您希望背景像您描述的

我想知道是否可以实施以下措施：

比如说，我有一个20x20像素的图像，在我的网站上我有一个750x500像素的div，我想把这个图像作为整个div的背景。我试着重复这个图像，但重复效果不好。在这种情况下，背景似乎失真了。还有别的办法吗？我在网上搜索，但什么也没找到

![please check the image][1]

这就是你要问的吗

文档背景大小：背景职位的文件：

您添加了一个屏幕截图，并询问为什么会看到网格模式。这是因为你正在平铺一个不对称的图像，边缘不匹配。如果您希望背景像您描述的那样平滑，为什么不使用背景色呢？您可以将颜色命名为灰色或使用十六进制代码：

请向我们展示你的代码，相关的CSS和HTML。我更希望看到结果和你想要实现的图像。您所描述的想要实现的是background repeat:repeat background size:contain也可能是一个可行的选项。如果使用它，请禁用repeat。请检查我刚刚上传的图像。我认为@user1478137正在查找背景大小：封面设置。

<body>
  <div></div>
</body>

div {
  width: 750px;
  height: 500px;
  background-image: url(http://placekitten.com/20/20);
}

div {
  width: 750px;
  height: 500px;
  background-image: url(http://placekitten.com/2000/2000);
  background-size: cover;
  background-position: center;
}

<body>
  <div></div>

div {
  width: 750px;
  height: 500px;
  background-color: #5e5e5e; /* One of many hex-code combinations for a medium grey. */
}