可能是因为在幻灯片上方使用了固定头部。可以通过将幻灯片放在头部下方,或者将幻灯片的 z-index 设为更高来解决这个问题。
代码示例:
HTML:
这是一个标题
CSS:
header { position: fixed; top: 0; left: 0; width: 100%; background-color: #ccc; padding: 20px; }
.slideshow-container { position: relative; z-index: 1; }
.mySlides { display: none; }
.show { display: block; }
JS:
// 幻灯片代码,可以使用 jQuery 或者原生 JavaScript // 参考幻灯片教程,这里不再赘述
下一篇:标题行带有左边框线