I have been beating my head against the wall trying to figure out an issue. I have a floating frosted glass style navbar in my page, and i have a couple dropdown menus inside it. i am able to style the dropdown menus in any way I want, border, gradient transparent background, literally anything, except for BLUR! it just refuses to apply no matter what I do. I’ve even exported the project and had multiple AI’s review the code and try to fix it, and even they can’t point me in the right direction. Is it not possible to blur the background of a dropdown menu? I am happy to provide whatever files are needed, as this is literally just a blank project with 10 empty pages.
Have you tried this?
Add a CSS rule targeting your menu’s background. For example:
.your-menu-class {
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.5); /* Adjust as needed */
}
Replace .your-menu-class with the actual class or ID of your menu element.