Здравствуйте! Столкнулся с проблемой backdrop-flter в Google Chrome. Параметр фильтра blur применяется ко всему блоку div, даже если в нем закруглить края. В то время, как background-color, отображается корректно. Мало то го, что не правильно отображается backdrop-flter в 48 версии, так даже в Google Chrome Canary c версией 51 еще не исправилось. И тут у меня вопрос. А собираются ли исправлять это дело? Или это не баг, а фича? Причем в интернете смотрел, что в Safari все работает нормально.
Вот код html
<!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>
Вот код css
.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);
}
Простой
