提问者:小点点

如何制作背景滑块[关闭]


我在做一个网站,我想把背景做成一个图像滑块。 我已经用CSS做了滑块,但是图像不适合我想要的100%的宽度和高度。 另外,我制作的div(也设置为100%的背景)并没有真正覆盖整个背景。 div周围至少有5px的间隔,Chrome开发工具将这个空白区域标识为HTML。 我还想做一对按钮放置在每一边,让访客滑动通过图像,他们喜欢。 JavaScript是制作按钮的唯一方法吗?


共1个答案

匿名用户

html, body { margin: 0; padding: 0; }
.bg-slider {
    position: absolute; /* or fixed, if you want it to be fixed */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
}

这将把你的滑块作为背景元素

你的滑块需要直接在身体下面,否则它可能会与其他元素的z索引混合

如果您知道图片的大小,您需要将它们水平或垂直放置在100%的宽度和高度,留下其他值(宽度和高度)自动。 这就是保持比例的方法