使用css过滤器,我们可以通过以下列方式对其应用css过滤器来使其所有子内容模糊。
在HTML中:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><filter id="blur"><feGaussianBlur stdDeviation="5" /></filter></svg>
然后在javascript:
document.getElementById('id_of_div_being_blurred').style.filter='url(#blur)';
document.getElementById('id_of_div_being_blurred').style.webkitFilter='url(#blur)';
这很好用,但问题是我无法访问我模糊的内容。有什么方法可以让我做出我的div下面的任何东西,模糊的,因为我已经超过它了?