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

ここに掲載されたコードではなく、コードコードから、font-size: 2em;があります。あなたは

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

セットを持っているので、これはあなたの子要素のデフォルトのフォントサイズで、かつので2emは0pxと同じです。これらの対策の1つを適切に変更してください（例：2em〜20px）、変更が表示されます。