Answer the question
In order to leave comments, you need to log in
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>
.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);
}
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question