blur (css) not working for background image

Not reproducible Issue #9697787

Details

Author
Andrei V.
Created
Nov 7, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
14.14393
Reports
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

[ using Microsoft Edge 38.14393.0.0 - Microsoft EdgeHTML 14.14393 ]

I’m trying to set a blur to a background-image and it is not working.

.card_login_bg {
width: 200px;
height: 208px;
top: 0;
margin: 0 0 0 -40px;
background-position: center center;
background-size: cover;
position: absolute;
z-index: -1;
opacity: .3;
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-o-filter: blur(20px);
-ms-filter: blur(20px);
filter: blur(20px);
overflow: hidden;
}

Attachments

1 attachment

Comments and activity

You need to sign in to your Microsoft account to add a comment.

Sign in