主页 / 问题 / 864543
Accepted
orel-22
Asked:2020-08-05 08:41:31 +0000 UTC2020-08-05 08:41:31 +0000 UTC

如果被切断，如何删除具有重复背景的最后一个元素？

  • 772

有一个块，根据用户的操作，块的高度会发生变化，有一个垂直重复的块的背景图像。如果最后一个背景不合适，则必须不显示。是否可以仅使用 CSS 来做到这一点？如果是这样，怎么做？如果没有，纯 JS 选项可能吗？

javascript

1 个回答

  1. Best Answer

    如果没有脚本，那么 CSS 可以用图像填充背景，调整它们的大小或在它们之间添加间隙。

    如果设置为background-repeat，round则背景图像将自动放大以适合整数数量的图像。

    html, body {
  min-height: 100%;
}
body {
  background-image: url(https://isstatic.askoverflow.dev/q7G6Z.jpg);
  background-position: top center;
  background-repeat: no-repeat round;
}

    如果设置 value space，则背景图像的大小不会改变，但其副本之间会有间隙。

    html, body {
  min-height: 100%;
}
body {
  background-image: url(https://isstatic.askoverflow.dev/q7G6Z.jpg);
  background-position: center;
  background-repeat: no-repeat space;
}

    所有现代浏览器都理解这些选项。IE - 从版本 11 开始。

    • 4

相关问题