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