Javascript 描述属性，我如何控制它的位置？

Question

我刚刚添加了一个 Javascript 幻灯片，它有一个像这样的片段:

 <script type="text/javascript">
                effectsDemo2 = 'rain,stairs,fade';
                var demoSlider_2 = Sliderman.slider({container: 'SliderName_2', width: 700, height: 450, effects: effectsDemo2,
                    display: {
                        autoplay: 3000,
                        loading: {background: '#000000', opacity: 0.5, image: 'img/loading.gif'},
                        buttons: {hide: true, opacity: 1, prev: {className: 'SliderNamePrev_2', label: ''}, next: {className: 'SliderNameNext_2', label: ''}},
                        description: {hide: true, background: '#000000', opacity: 0.4, height: 50, position: 'bottom', },
                        navigation: {container: 'SliderNameNavigation_2', label: '<img src="img/clear.gif" />'}
                    }
                });
            </script>    

我如何设置“描述”属性，使其位置在底部但稍微在顶部？我想添加类似 CSS“top:-10px”的内容吗？

谢谢!

Answer 1

根据 Sliderman Slider 的 API 引用，您不能使用 javascript 添加它。但我认为您可以在顶部使用 CSS。

这个插件没有添加任何类来描述。所以我会建议从 Javascript 中删除背景

description: {hide: true, background: transparent, opacity: 1, height: 50, position: 'bottom' },

会有类名类似.SliderNameDescription

您需要为其添加 margin-top。还可以给CSS添加背景等样式

.SliderNameDescription {
   margin-top: -10px;
}