With the release of chromium 76 there is more support for the CSS backdrop filter. This filter blurs the content behind a div that is transparent. This way you can make your website look more modern.
<html>
<body>
<div id="block">
<h1>Backdrop Filter Blur</h1>
</div>
</body>
</html>
body{
background: url("https://nuanet.org/wp-content/uploads/2019/07/Air-1024×768.jpg");
margin: 0;
padding: 0;
background-size: cover;
text-align: center;
}
#block{
width: 400px;
height: 200px;
background: rgb(100,100,100,0.5);
margin: auto;
backdrop-filter: blur(7px);
margin-top: 300px;
}