下拉菜单上的阴影过滤器在 Safari 浏览器中不起作用

Question

--> 导航项（产品）悬停时的图片，显示下拉菜单

--> 移除悬停后导航项（产品）的图片（即使在下拉菜单消失后也不会移除阴影）

有一个为下拉菜单编写的 -webkit-filter 样式属性（使用引导程序 5）。这是下拉菜单样式：

--> 关闭声明

--> 显示设置为阻塞状态

尝试的方法：

1. 在下拉显示隐藏时将 -webkit-filters 和 -webkit-appearance 添加为 none，并且仅当显示设置为阻止时才重新分配。同样，尝试使用过滤器和背景属性。
   

此问题仅在 Safari 浏览器中出现，在任何其他浏览器中都不会出现。请帮助我，因为这是我第一次遇到跨浏览器问题

Answer 1

将此添加到下拉菜单样式已解决问题。

-webkit-box-shadow: 3px -2px 6px rgba(0, 0, 0, 0.1);