在第一个滑块的标题中隐藏徽标。有可能吗?

时间:2015-08-20 20:51:15

标签: javascript html css slider swiper

我在一个有标题(顶部),滑块(中间)和页脚(底部)的网站上工作。在我的第一张幻灯片上,我有一个徽标显示,所以当我的滑块在第一张幻灯片上时,如果可以在我的标题上隐藏徽标,但只隐藏在第一张幻灯片上,当我在徽标仍显示在标题上的其他幻灯片。

如果有帮助,我正在使用滑块“Swiper”。

链接到网站是: http://raumfuerkunsttherapie.de/FW/

任何帮助将不胜感激! 提前谢谢你:)

1 个答案:

答案 0 :(得分:0)

是的,您可以使用CSS的nth-selector属性。滑块内的每张幻灯片都有一个公共类swiper-slide,因此您可以像这样在第一张幻灯片中定位徽标图像,然后使用display: none;隐藏它:

.swiper-slide:first-child .row .u-max-full-width {
    display: none;
}

使用上面的CSS会隐藏第一张幻灯片上的徽标图片,但它会出现在其他幻灯片上。