與模糊圖像

一個div我有HTML結構與模糊圖像

<div class="div"> 
<img src="img1.jpg" class="img" /> 
</div>

我如何div而不刪除圖像出現模糊？

嘗試'opacity' .. – 2011-02-28 10:06:20

@Harry請你寫一個答案？ – 2011-02-28 10:09:45

http://markos.gaivo.net/examples/canvas_blur/ – 2011-02-28 10:10:50

這不是一個真正的模糊，但透明度。

添加像這樣到你的CSS文件：

div.div img.img { 
    opacity:0.4;filter:alpha(opacity=40) 
}

我認爲這是你會發現不使用一些JavaScript或髒CSS3黑客喜歡http://simurai.com/post/716453142/css3-image-blur例如唯一的解決辦法。

2011-02-28 10:12:49 krtek

@experimentX：這就是我的建議。 – 2011-02-28 10:18:46

@Harry Joy確定它是有幫助的，現在使用它，你會喜歡把其他人的答案投票，這也是信息性的 – 2011-02-28 10:28:29

感謝接受;）已經投票了其他答案，這是一個很好的提供你可以使用JavaScript。 – krtek 2011-02-28 10:30:40

我不確定你可以用純CSS模糊圖像。如果我錯了，請糾正我。

我的提示是嘗試一個jQuery解決方案。

2011-02-28 10:14:07 jkeussen

CSS3有一些解決方案，但他們是黑客。例如，您可以放置同一圖像的許多副本，稍微移動到具有不同透明度的每一面。我強烈建議不要這種技巧;） – krtek 2011-02-28 10:17:42

這就是我的意思，它也很難兼顧跨瀏覽器的兼容性。 – jkeussen 2011-02-28 10:23:41

回答