如何像模糊圖像一樣模糊iframe？

Question

有沒有一種方法可以使用jQuery將iframe模糊幾秒鍾？ 例如，在Photoshop中，它看起來應該像是高斯模糊。 （這是示例圖片 ，請參見右側）

在iframe中顯示的鏈接不是同一來源的，這就是為什么我一直為此苦苦掙扎的原因。 無法修改iframe的內容。

是否可以使用jQuery僅在幾秒鍾內將模糊應用於其他來源的iframe？

Answer 1

您可以模糊CSS 3中的任何元素：

 #iframe-container { -webkit-filter: blur(3px); filter: blur(3px); } 

 <div id="iframe-container"> <iframe src="//example.com"></iframe> </div> 

Answer 2

您可以只通過CSS3應用模糊濾鏡：

$("iframe").css("filter","blur(5px)")

不要忘記填充過濾器屬性。 也許你可以考慮一類適用於iframe與此時，相應的屬性，你可以看到在這里

Answer 3

iframe.contents().find('body').blur()