【问题标题】:Hide logo in header on first slider. Is it possible?在第一个滑块的标题中隐藏徽标。是否可以?
【发布时间】:2015-08-20 20:51:15
【问题描述】:

我正在开发一个具有页眉(顶部)、滑块(中间)和页脚(底部)的网站。在我的第一张幻灯片上,我有一个徽标显示,所以我想知道当我的滑块在第一张幻灯片上时是否可以在我的标题上隐藏徽标,但仅在第一张幻灯片上隐藏并且当我打开时徽标仍显示在页眉上的其他幻灯片。

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

一个网站的链接是: http://raumfuerkunsttherapie.de/FW/

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

【问题讨论】:

    标签: javascript html css slider swiper


    【解决方案1】:

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

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

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

    【讨论】:

    • 感谢您的快速回复@FahadHasan :) 我想我的英语表达不太好。我的意思是,如果可能的话,当第一张幻灯片处于活动状态时,我的徽标 in header 被隐藏(因为我的徽标已经在第一张幻灯片上)并且当我在幻灯片 2 上或者我的标头中的徽标可见。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-02-10
    • 2012-06-30
    • 1970-01-01
    • 1970-01-01
    • 2020-08-15
    • 2019-02-04
    • 1970-01-01
    相关资源
    最近更新 更多