与模糊图像

一个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

回答