Html 文本未显示在div中

从头开始制作幻灯片，我尝试在每张幻灯片的顶部添加文本，包含文本的div显示为空，但在页面的其他任何地方都显示良好

我试图修复的元素是：

<div class="slide-title">test</div>

.slide-title{
  display: block !important;
  position: absolute;
  vertical-align: top;
  z-index: 999;
  top: 16px;
  left: 16px;
}

测试
.幻灯片标题{
显示：块！重要；
位置：绝对位置；
垂直对齐：顶部；
z指数：999；
顶部：16px；
左：16px；
}

---

我把它放在页面上三次，以测试它会显示在哪里。

从你的代码笔，而不是这里发布的代码，你有

字体大小：2em。既然你有

#slideshow {
    font-size: 0; /*Gets rid of horizontal space between images*/
}

设置时，这是子元素的默认字体大小，因此
2em
与
0px
相同。适当更改其中一个度量值（例如将
2em
更改为
20px
），您将看到更改
 从您的代码笔，而不是这里发布的代码，您有
字体大小：2em。既然你有

#slideshow {
    font-size: 0; /*Gets rid of horizontal space between images*/
}

设置时，这是子元素的默认字体大小，因此
2em
与
0px
相同。适当更改其中一个度量值（例如将
2em
更改为
20px
），您将看到更改
 在我的屏幕上它不是空的…有两个红色框，一个在幻灯片内，一个在幻灯片外，我正试图让幻灯片内的一个显示它在我的屏幕上不是空的…有两个红色框，一个在幻灯片内，一个在幻灯片外，我正试图让幻灯片内的一个显示出来是的，谢谢，它成功了！我试过2em！之前很重要，所以我认为我已经报道了这个案子。是的，谢谢你，它成功了！我试过2em！之前很重要，所以我认为我已经报道了这个案子。