1

可能重复：
使用 CSS 模糊 HTML 中的 Img 和 Div

所以基本上我想要做的是模糊内容女巫在一个div元素后面，即div不透明度为 0 - 0.5。

这是一个jsFiddle

编辑[1]：我真正想要的是 adiv越过图像并且下面的区域div是模糊的。 编辑[2]： div withposition: absolute遍历其他元素并模糊它们。

4

2 回答 2

0

跟进@Keith Nicholas 在评论中引用的Purmou的回答，您可以执行以下操作：

topblur{
    position: absolute;
    top:2px;
    left:2px;
    width: 100%;
    height: 150px;
    background-image:url(http://www.stefanides.com/home/yard/back%20yard.jpg);
    opacity: 40;
    filter:alpha(opacity=40); 
    border: thin solid black;
}

不是一个很好的解决方案，但它确实把图像弄乱了！

于 2012-07-24T21:36:13.993 回答
0

您应该在上传时模糊图像。然后在上传时裁剪其他图像（或使用 jQuery/css 裁剪）。然后结合你必须达到这个效果的东西。

使用 css 来完成这项任务是不可能的。使用 javascript 来完成这项任务是个坏主意（非常慢）。

唯一的选择是在背景图像上使用这种技术，然后在其上放置另一个（用 js/upload 裁剪）。

于 2012-07-24T22:41:30.177 回答