如何创建每隔几秒钟变化一次的全身背景？

Question

我试图设计一个页面，其中主体背景图像每隔几秒钟改变一次。我已经设法构建了滑块，但是在较小的屏幕上，图像无法覆盖整个区域

我尝试更改背景属性，但是没有用。

网站：https://ag1805x.github.io/

HTML：https://github.com/ag1805x/ag1805x.github.io/blob/master/index.html

CSS：https://github.com/ag1805x/ag1805x.github.io/blob/master/main.css

Answer 1

您正在crossfade标签内的图形标签上使用高度100％，因为其他所有3个标题，报价和图标类标签都不是crossfade标签的子标签。

在较小的屏幕中，图标的身高大于100％，而背景图像的高度为100％；

尝试在.crossfade div元素内插入标头，引号和图标类标记。 淡入淡出应该是position：relative，并使用position：absolute调整所有其他子元素。他们甚至不会在小屏幕上躺在外面，因为身高不会变得> 100％