Question

我正在尝试将我的元素显示在图像背景的顶部并应用模糊。

请参阅http://jsfiddle.net/calder12/Yr2zD/以获取参考。

<body>
<div class="bgImageContainer"></div>
<div class="content"> Some text and stuff here</div>
</body>

现在，我认为第二个div应该嵌套在第一个div中。但随后内容也变得模糊，我无法找到一种方法来禁用“内容”元素中的模糊。有办法吗？

Answer 1

我已更新您的JSFiddle

    <body>
      <div class="wrap">
        <div class="bgImageContainer"></div>
        <div class="content"> Some text and stuff here</div>
      </div>
    </body>

不幸的是，你无法仅仅在CSS3中定位背景图像。这样做的方法是将所有内容包装为兄弟姐妹，但模糊元素肯定需要是非模糊元素的兄弟。任何模糊元素的孩子都会模糊。希望这有帮助！

有没有办法覆盖-webkit-filter：在子元素中模糊？

1 个答案: