Html 有没有办法覆盖子元素中的-webkit过滤器：模糊？_Html_Css_Webkit

Html 有没有办法覆盖子元素中的-webkit过滤器：模糊？

html css

Html 有没有办法覆盖子元素中的-webkit过滤器：模糊？,html,css,webkit,Html,Css,Webkit,我试图让我的元素显示在图像背景上，并应用模糊有关参考信息，请参阅 <body> <div class="bgImageContainer"></div> <div class="content"> Some text and stuff here</div> </body> 这里有一些文字和东西现在，我认为第二个div应该嵌套在第一个div中。但随后内容也变得模糊，我找不到在“content”元素中禁用模糊的方法。

我试图让我的元素显示在图像背景上，并应用模糊

有关参考信息，请参阅

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


这里有一些文字和东西

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

我已经更新了你的


这里有一些文字和东西

不幸的是，在CSS3中，您不能只针对背景图像。实现这一点的方法是将所有元素包装为兄弟元素，但模糊元素肯定需要是非模糊元素的兄弟元素。模糊元素的任何子元素都将模糊。希望这有帮助

如果元素是子元素，则不能覆盖它。与父级上的

opacity

相同，父级上的不透明度也将使其内部的所有内容都透明。如果没有应用任何内容进行包装，则包装这两个div有什么意义？另外，为什么要重新定义“位置”属性两次？你能解释一下我最初的小提琴在概念上有什么不同吗？它唯一能做的就是允许那些人有一个父母。在我看来，最好至少有一个父母，但这是不必要的。正如乔希所说，这只是更好的形式，但没有必要。位置属性是一个错误。我已经纠正了这一点。

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