文字未顯示在div中

Question

從頭開始製作幻燈片，我試圖在每張幻燈片的頂部添加文本，包含文本的div顯示爲空，但在頁面上的任何其他位置顯示正常。

Here is the page I'm working on

我試圖解決的元素是：

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

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

我把它放在3次在頁面上測試它會顯示出來。

Answer 1

從您的codepen，而不是在這裏發佈的代碼，你有font-size: 2em;。既然你有

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

集，這是你的孩子元素的默認字體大小等2em是一樣的0px。適當更改其中一個措施（例如，將2em更改爲20px），您將看到更改。