Html 使用滑块全屏显示时如何显示标题

我正在使用一组图像。它工作正常，只是当它全屏显示时，你看不到标题。我相信这是被推下了页面底部

我需要做什么才能在全屏模式下正确显示图像标题？

生成的html如下所示

<div id="gallery-43" class="royalSlider rsDefault fwImage">
    <a class="rsImg"  data-rsDelay="1000" href="/media/cache/2a/4b/2a4b9079557d28eb235a8f505e9fdcf6.jpg">
        <!-- The caption -->
        <small class="attribution">
            <p>Author</p>
        </small>
        <figcaption>image caption </figcaption>
        <!-- The image -->
        <img width="60" height="40" class="rsTmb" src="/media/cache/2f/18/2f180c644eb92eccb8c0040a37e52b4a.jpg" />
    </a>
    <a class="rsImg"  data-rsDelay="1000" href="/media/cache/05/1b/051bf8a02ae1d2ad2420b6418f5dca05.jpg">
        <!-- The caption -->
        <small class="attribution">
            <p>author</p>
        </small>
        <figcaption>image caption.</figcaption>
        <!-- The image -->
        <img width="60" height="40" class="rsTmb" src="/media/cache/9b/82/9b823a0b97d242b9d14133ffe00ca620.jpg" />
    </a>
</div>

<style>
  #gallery-43 {
    margin: 24px 0 66px;
    background-color: rgba(255,255,255,0.2);
  }
  .rsGCaption {
    background: black;
    color: #b2b2b2;
    display:block;
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 16px;
    padding-top: 12px;
  }
  .rsGCaption span {
    display: block;
    clear: both;
    color: #bbb;
    font-size: 14px;
    line-height: 22px;
  }
  .rsGCaption small.attribution {
    color: #535353;
    font-weight: bold;
  }
</style>
<script>
    $(document).ready(function() {
      $('#gallery-43').royalSlider({
        fullscreen: {
          enabled: true,
          nativeFS: true
        },
        arrowsNavAutohide: false,
        arrowsNavHideOnTouch: false,
        autoScaleSlider: true, 
        autoScaleSliderWidth: 960,     
        autoScaleSliderHeight: 850,
        controlNavigation: 'thumbnails',
        globalCaption: true,
        imageAlignCenter: true,
        imageScaleMode: 'fit',
        keyboardNavEnabled: true,
        loop: false,
        numImagesToPreload:4
      });
    });
</script>

#画廊-43{
利润率：24px 0 66px；
背景色：rgba（255255,0.2）；
}
.rsGCaption{
背景：黑色；
颜色：#b2b2b2；
显示：块；
字体大小：16px；
线高：18px；
填充底部：16px；
填充顶部：12px；
}
.rsGCaption span{
显示：块；
明确：两者皆有；
颜色：#bbb；
字体大小：14px；
线高：22px；
}
.rsgcapon small.attribute{
颜色：#535353；
字体大小：粗体；
}
$（文档）.ready（函数（）{
$（“#图库-43”）.版税滑块({
全屏：{
启用：对，
nativeFS：没错
},
arrowsNavAutohide:错误，
arrowsNavHideOnTouch:false，
自动缩放滑块：对，
自动缩放滑块宽度：960，
自动缩放滑块高度：850，
controlNavigation:“缩略图”，
环球卡普顿：没错，
imageAlignCenter：对，
imageScaleMode:'fit'，
键盘导航已启用：true，
循环：false，
numimagestopload:4
});
});

当用户进入全屏时，滑块将获得

rsFullscreen

类

#gallery-43.rsFullscreen .rsGCaption {
    // styles for global caption in fullscreen
}

---

再次感谢你，德米特里。我使用了.royalSlider.rsFullscreen{bottom:91px！important；}它工作得很好：）