# בעיה עם אלמנטים מטושטשים

**URL:** <https://meta.discourse.org/t/issue-with-blurring-elements/232354>\
**Category:** Development\
**Created:** [8 ביולי,‏ 2022,‏ 11:40pm UTC](https://meta.discourse.org/t/issue-with-blurring-elements/232354 "2022-07-08T23:40:58Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)\
**Post date:** [8 ביולי,‏ 2022,‏ 11:40pm UTC](https://meta.discourse.org/t/issue-with-blurring-elements/232354/1 "2022-07-08T23:40:58Z")

</div>

Hi!

I was trying to blur the user menu and hamburger menu, but it’s not working.  
This same code works perfectly fine on any other modal,

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/a/b/2abda590c63e60dfb34c844dd838ad0c57e5fd80.png)  
but does nothing here.  
 ![image](https://global.discourse-cdn.com/meta/original/4X/a/9/3/a9389799cfcc52d36b208eb1de7df5c4df5d19ba.png)

The code I have:

```css
body:not(.ios-safari-composer-hacks) #reply-control.open.composer-action-reply, 
input[type="text"],
input[type="password"], 
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"], 
input[type="time"],
input[type="week"],
input[type="number"], 
input[type="email"], 
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"], 
.select-kit.combo-box .select-kit-header,
.d-editor-textarea-wrapper,
div.ac-wrap,
.menu-panel.drop-down {
    background: #000fff00 !important;
    backdrop-filter:blur(2rem) !important;
}
.menu-panel.drop-down {
    background:blur(2rem)!important;
}

```

Thanks for any help!

---

_[View the full topic](https://meta.discourse.org/t/issue-with-blurring-elements/232354)._