如何隐藏 nivo 滑块标题区域并使幻灯片可点击答案

【问题标题】：how to hide nivo slider caption area and make slides clicable如何隐藏 nivo 滑块标题区域并使幻灯片可点击
【发布时间】：2013-02-21 17:35:29
【问题描述】：

我的页面上有一个 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;
}

【问题讨论】：

这里是测试站点的链接wfnh.org/test/index.html

标签： jquery css slider nivo-slider

【解决方案1】：

使用以下代码将其删除：

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

【讨论】：

【解决方案2】：

希望这会有所帮助，这就是我为 Wordpress 设置它的方式，所以如果您使用的是直接 HTML，只需将链接放入其中，然后在其中放一张图片，然后关闭链接。

<div class="nivoSlider">
    <?php if(get_field('banner_images')): ?>
        <?php while(the_repeater_field('banner_images')): ?>
            <a href="<?php echo the_sub_field('image_link', $row); ?>">
                <img src="<?php echo the_sub_field('image', $row); ?>" alt="Site Name" title="<?php echo the_sub_field('image_description'); ?>" />
            </a>
        <?php endwhile; ?>
    <?php endif; ?>
</div>

【讨论】：

【解决方案3】：

要删除底部或中间的标题（描述）区域，请添加以下样式

.nivoSlider-desc { display: none;    }

【讨论】：