iOS 10 blur filter css
<p>I have a responsive web application that includes  some blurred images(using blur filter), to follow from here everything working perfectly till I did my iOS update to version 10.</p>

<p>any idea to fix this issue or a similar issue with the blur filter that can help me out will be appreciated?</p>

<pre><code>.caption-container {
height: 70px;
left: -3px;
background-size: cover;
background-position: 0 56px;
-webkit-filter: blur(8px);
filter: blur(8px);
width: 270px;
margin-top: -70px;
z-index: -1;
position: inherit;
overflow: hidden;}
</code></pre>

<p>Thanks,</p>