0

背景の画像が 1 つずつスライドする画像のスライド ショーを作成したいのですが、テキストはその上に浮かんでいる必要があります。

最後に達成したいことはこれです。

私はmsdn記事の投稿に従いました。ファイルをダウンロードslideShow.jsして画像に適用しましたが、完全に機能しています。画像の上にテキストを浮かせるにはどうすればよいですか？

私のコードは次のとおりです。

<!DOCTYPE html>
<html>

<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  <title>Slide Show</title>
  <style type="text/css">
    .size
    {
        height:300px;
        width:500px;
    }
    .lab
    {}
  </style>
</head>

<body>
    <div>

        <label class="lab">This is Label</label>
      <div id="slideShowImages">
        <img src="1.jpg" alt="Slide 1" class="size" />
        <img src="2.jpg" alt="Slide 2" class="size"/>
        <img src="3.jpg" alt="Slide 3" class="size"/>    
        <img src="4.jpg" alt="Slide 4" class="size"/>
      </div>  
    </div>
  <script src="slideShow.js"></script>
</body>

</html>

ラベルは、画像の上に表示されるテキストになります。助けてください。

4

1 に答える 1