用图像模糊div

Question

我有html结构

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

如何在不删除图像的情况下使div显得模糊？

Answer 1

我不确定你可以使用纯css模糊图像。如果我错了，请纠正我。

我的提示是尝试jquery解决方案。

一个好的是： http://www.pixastic.com/lib/docs/actions/blur/

Answer 2

这不是一个模糊，而是透明度。

http://www.w3schools.com/Css/css_image_transparency.asp

将这样的内容添加到您的css文件中：

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

我认为这是唯一的解决方案，你可以在不使用像http://simurai.com/post/716453142/css3-image-blur这样的javascript或脏css3黑客的情况下找到它。