我在我的网站上模糊了一个容器的背景图像，它可以在所有浏览器上运行，除了iOS设备上的浏览器.
Css和html代码如下所示:
.backblurred {
backdrop-filter: blur(20px);
width: 100%;
}<div class="jumbotron top-space">
<div class="container backblurred">
<h3 class="text-center thin">The Raw Facts:</h3>
<div class="row">
<div class="col-md-3 col-sm-6 highlight">
<div class="h-caption"><h4><i class="fa fa-tint fa-5"></i>Powered By Nature</h4></div>
<div class="h-body text-center">
<p>High quality acrilic paints, made for art enthusiasts, hobbyists and whoever else feels like painting.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 highlight">
<div class="h-caption"><h4><i class="fa fa-leaf fa-5"></i>Eco-Friendly</h4></div>
<div class="h-body text-center">
<p>Our paints are made 100% form recycled materials, including: cigarette buts, wood, seaweed and coffee.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 highlight">
<div class="h-caption"><h4><i class="fa fa-plus-square fa-5"></i>Safe To Use</h4></div>
<div class="h-body text-center">
<p>Our paints are 100% non-toxic and safe to use in any capacity that other profesional paints are used.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 highlight">
<div class="h-caption"><h4><i class="fa fa-5a">A+</i>Premium Quality</h4></div>
<div class="h-body text-center">
<p>Our acrylic paints provide the same quality you can expect out of any other acrylic paint, while still being safe for the environment and fun for the every-day user.</p>
</div>
</div>
</div> <!-- /row -->
</div>
</div>我在网上研究了这个问题，但不明白我做错了什么.有谁能帮忙吗？