このスライドショーで何が問題になっていますか？

Question

イメージスライドショーをしようとしましたが、すべての試みに失敗しました。これはjsfiddleリンクです。写真の下に黒い四角が表示されることがあります。削除する方法がわからない場合は、削除するとスライドショー全体が機能しなくなります。また、これは私のHTMLでどのように見えるかです：

...

HTMLコード：事前に

<div id="section1"> 
 
    <div class="content"> 
 
    <div class="sheet"> 
 
     <h1> Latest.</h1> 
 
     <hr/> 
 
     <div class="bss-slides demo1" tabindex="1" autofocus="autofocus"> 
 
     <figure> 
 
      <img src="http://leemark.github.io/better-simple-slideshow/demo/img/medium.jpg" width="100%" /> 
 
      <figcaption>"Medium" by <a href="https://www.flickr.com/photos/thomashawk/14586158819/">Thomas Hawk</a>.</figcaption> 
 
     </figure> 
 
     <figure> 
 
      <img src="http://leemark.github.io/better-simple-slideshow/demo/img/colorado.jpg" width="100%" /> 
 
      <figcaption>"Colorado" by <a href="https://www.flickr.com/photos/stuckincustoms/88370744">Trey Ratcliff</a>.</figcaption> 
 
     </figure> 
 
     <figure> 
 
      <img src="http://leemark.github.io/better-simple-slideshow/demo/img/monte-vista.jpg" width="100%" /> 
 
      <figcaption>"Early Morning at the Monte Vista Wildlife Refuge, Colorado" by <a href="https://www.flickr.com/photos/davesoldano/8572429635">Dave Soldano</a>.</figcaption> 
 
     </figure> 
 
     <figure> 
 
      <img src="http://leemark.github.io/better-simple-slideshow/demo/img/sunrise.jpg" width="100%" /> 
 
      <figcaption>"Sunrise in Eastern Colorado" by <a href="https://www.flickr.com/photos/35528040@N04/6673031153">Pam Morris</a>.</figcaption> 
 
     </figure> 
 
     <figure> 
 
      <img src="http://leemark.github.io/better-simple-slideshow/demo/img/colorado-colors.jpg" width="100%" /> 
 
      <figcaption>"colorado colors" by <a href="https://www.flickr.com/photos/cptspock/2857543585">Jasen Miller</a>.</figcaption> 
 
     </figure> 
 
     </div> 
 
     <!-- // bss-slides --> 
 
    </div> 
 
    </div> 
 
</div>

感謝。

Answer 1

これは役に立ちますか？

/* if you want */ 
.bss-slides { 
    background: transparent; 
} 
/* align slides with container */ 
.bss-slides figure { 
    margin: 0; 
} 
/* button on top of it */ 
.bss-fullscreen { 
    z-index: 99; 
} 

Answer 2

.bss-slidesクラスの背景のプロパティのため、黒い背景が表示されます。背景を削除します。そして、絵を整列させるよりも。