我在一个有标题(顶部),滑块(中间)和页脚(底部)的网站上工作。在我的第一张幻灯片上,我有一个徽标显示,所以当我的滑块在第一张幻灯片上时,如果可以在我的标题上隐藏徽标,但只隐藏在第一张幻灯片上,当我在徽标仍显示在标题上的其他幻灯片。
如果有帮助,我正在使用滑块“Swiper”。
链接到网站是: http://raumfuerkunsttherapie.de/FW/
任何帮助将不胜感激! 提前谢谢你:)
答案 0 :(得分:0)
是的,您可以使用CSS的nth-selector
属性。滑块内的每张幻灯片都有一个公共类swiper-slide
,因此您可以像这样在第一张幻灯片中定位徽标图像,然后使用display: none;
隐藏它:
.swiper-slide:first-child .row .u-max-full-width {
display: none;
}
使用上面的CSS会隐藏第一张幻灯片上的徽标图片,但它会出现在其他幻灯片上。