javascript 怎么创建一个div作为Html的背景 ，宽高各为100px，且不随滑条滚动而移动

你可以使用 CSS 来创建一个宽高为100px且不随滑条滚动而移动的背景 `div`，代码如下：

<style>
  .background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('your-image-url') repeat;
    z-index: -1;
  }
</style>

<div class="background"></div>

在上面的代码中，我们创建了一个名为 `background` 的 `div`，将其 `position` 设置为 `fixed`，这样它就能固定在页面上不随滑条滚动而移动了。接着，我们将它的宽度和高度都设置为 `100px`，这样它就能占据一个固定的宽度和高度。最后，我们设置了背景图片的 `url`，并且将其 `background` 属性设置为 `repeat`，这样它就能重复铺满整个 `div`。

你只需要将上面的代码复制到你的 HTML 文件中即可。

相关问题

javascript 怎么创建一个div作为Html的背景 ，固定宽高，且不随滑条滚动而移动

你可以使用 CSS 来创建一个固定宽高且不随滑条滚动而移动的背景 `div`，代码如下：

<style>
  .background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('your-image-url') no-repeat center center fixed;
    background-size: cover;
    z-index: -1;
  }
</style>

<div class="background"></div>

在上面的代码中，我们创建了一个名为 `background` 的 `div`，将其 `position` 设置为 `fixed`，这样它就能固定在页面上不随滑条滚动而移动了。接着，我们将它的宽度和高度都设置为 `100%`，这样它就能占满整个页面。最后，我们设置了背景图片的 `url`，并且将其 `background-size` 设置为 `cover`，这样它就能自适应并铺满整个 `div`。

你只需要将上面的代码复制到你的 HTML 文件中即可。

javascript 怎么创建一个div作为Html的背景 ，固定宽高，滑条滚动而移动

如果你想要创建一个固定宽高，但是随着滑条滚动而移动的背景 `div`，可以使用如下 CSS 代码：

<style>
  .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
  }
  .background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
</style>

<div class="background">
  <img src="your-image-url" alt="background">
</div>

在上面的代码中，我们创建了一个名为 `background` 的 `div`，它的 `position` 属性设置为 `absolute`，这样它就能随着滑条滚动而移动了。我们将其宽度和高度都设置为 `100%`，这样它就能占据整个页面。接着，我们将其背景图片设置为 `img` 元素的 `src` 属性，并且将 `img` 元素的 `object-fit` 属性设置为 `cover`，这样背景图片就能自适应并铺满整个 `div`。最后，我们将 `pointer-events` 属性设置为 `none`，这样背景 `div` 就不会拦截鼠标事件了。

你只需要将上面的代码复制到你的 HTML 文件中即可。