Javascript 图像拆分抽屉下拉菜单

Javascript 图像拆分抽屉下拉菜单,javascript,css,Javascript,Css,我喜欢这个网站上下拉菜单的功能: 我看到这是一个非常标准的抽屉式下拉列表,但我的问题是他们如何让图像像那样拆分。在检查代码之后,我很确定他们没有使用2个图像。在此方面的任何建议或帮助都将不胜感激 图像确实出现了两次。如果运行此选择器,您将找到它们 $('.home-page .hero .image, .home-page .banner .image') 图像的第二部分从第一个图像被下拉框切断的位置开始,产生图像一分为二的错觉 media="screen" @media (min-width

我喜欢这个网站上下拉菜单的功能:


我看到这是一个非常标准的抽屉式下拉列表,但我的问题是他们如何让图像像那样拆分。在检查代码之后,我很确定他们没有使用2个图像。在此方面的任何建议或帮助都将不胜感激

图像确实出现了两次。如果运行此选择器,您将找到它们

$('.home-page .hero .image, .home-page .banner .image')
图像的第二部分从第一个图像被下拉框切断的位置开始,产生图像一分为二的错觉

media="screen"
@media (min-width: 718px)
.hero-image-split .hero .image {
    background-position: 50% -73px !important;
}

对于那些找不到拆分的用户,当您单击导航栏上的“业务类型”或“产品”时会发生拆分

请改进您的问题,提供一些类似代码段的努力。本网站的下拉菜单在哪里?