【问题标题】:drop-shadow filter on dropdown menu is not working in Safari browser下拉菜单上的阴影过滤器在 Safari 浏览器中不起作用
【发布时间】:2021-10-08 23:06:15
【问题描述】:

--> 导航项(产品)悬停时的图片,显示下拉菜单

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

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

--> 关闭声明

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

尝试的方法:

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

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

【问题讨论】:

标签: html css blazor bootstrap-5


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2018-08-14
    • 2021-08-31
    • 2019-01-24
    • 2014-04-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-09-19
    • 2019-04-13
    相关资源
    最近更新 更多