我的页面上有一个nivo滑块,但是我不知道如何使幻灯片可点击到页面上以及如何删除标题所在的底部区域?
这是HTML:

<div id="content">
<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="/GrantInfo/NonProfitPartners.html"><img src="nivo-slider/demo/images/moorecenter.jpg" data-thumb="images/moorecenter.jpg"/></a>
<a href="/GrantInfo/NonProfitPartners.html"><img src="nivo-slider/demo/images/AIR.jpg" data-thumb="images/AIR.jpg" alt="AIR Seacoast" data-transition="slideInLeft"/></a>
<a href="/Programs+Publications/Publications.html"><img src="nivo-slider/demo/images/circle.jpg" data-thumb="images/circle-program.jpg" alt="Circle Program Plymouth" data-transition="slideInLeft"/></a>
<a href="/GrantInfo/NonProfitPartners.html"><img src="nivo-slider/demo/images/wholevillage.jpg" data-thumb="images/wholevillage.jpg" alt="Whole Village Plymouth"/></a>
</div></div>


这是字幕的CSS:

.nivo-caption {
display: none !important;
}

.nivo-html-caption {
display:none;
}

最佳答案

使用以下代码将其删除:


  div.nivo-caption {display:none!important; }

关于jquery - 如何隐藏nivo滑块标题区域并使幻灯片可点击,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15008719/

10-12 00:10