P
P
Poseidon Plaza2016-03-03 06:48:21
Google Chrome
Poseidon Plaza, 2016-03-03 06:48:21

Will Google fix the backdrop-filter?

Hello! Faced backdrop-flter issue in Google Chrome. The blur filter setting applies to the entire div, even if it has rounded edges. Whereas background-color is rendered correctly. Not only is backdrop-flter not displayed correctly in version 48, but even in Google Chrome Canary with version 51 it has not yet been fixed. And here I have a question. Are they going to fix this? Or is it not a bug, but a feature? And I looked on the Internet that everything works fine in Safari.
Here is the html code

<!DOCTYPE html>
<html>
     <head>
          <meta charset="utf-8">
          <title>JS Bin</title>
          <link rel="stylesheet" href="1.css">
     </head>
     <body class="zastavka">
          <div class="kvadratmalevicha">
          </div>
     </body>
</html>

Here is the css code
.zastavka {
     background-image: url('3.jpg');
     background-size: 100%;
     background-attachment: fixed;
     background-repeat: no-repeat;
     background-position: 50% 50%;
}

.kvadratmalevicha {
     position: absolute;
     margin-top: 128px;
     margin-left: 512px;
     width: 512px;
     height: 512px;
     border-radius: 256px;
     background-color: rgba(0,0,0,0.64);
     backdrop-filter: blur(8px);
}

3467f37a50e44a38beeb54f199e8c2dd.png

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question