Question

无论显示器尺寸如何，我都会将图像拉伸到整个背景。

我需要做的是在左侧的一部分上将此图像上方的跨浏览器模糊应用。

因此它在图像上呈现出模糊的外观。如果我将它应用于图像，那么当屏幕分辨率改变大小时，模糊的大小也会改变。

任何帮助都会很棒。

干杯

Answer 1

您是否正在寻找类似http://css-tricks.com/blurry-background-effect/

的内容

Answer 2

我不认为有类似的东西。特别是如果跨浏览器也意味着IE6。

然而，你可以做的是创建一个模糊且不模糊的图像版本，并仅在你想要它（裁剪）的地方显示模糊版本。如果你知道我的意思......：）

Answer 3

你绝对可以定位宽度为50％，高度为100％的div。然后使div的背景为50％透明的白色背景。这可能会成功。

Answer 4

粗略的一瞥告诉我，这没有CSS3的东西。当然这不可能是真的吗？任何人

对于Internet Explorer，有专有的blur filter。来自MSDN站点的示例：

<DIV STYLE="width:100%; filter:
    progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310)
    progid:DXImageTransform.Microsoft.Blur(pixelradius=2)
    progid:DXImageTransform.Microsoft.Wheel(duration=3);">
Blurry text with smudge of gray.</div>

将部分高斯模糊应用于背景图像

4 个答案: