我试图让我的元素显示在应用了模糊的图像背景之上。
参见 http://jsfiddle.net/calder12/Yr2zD/供引用。
<body>
<div class="bgImageContainer"></div>
<div class="content"> Some text and stuff here</div>
</body>
现在,我认为第二个 div 应该嵌套在第一个 div 中。但是随后内容也变得模糊,我找不到在“内容”元素中禁用模糊的方法。有办法吗?
最佳答案
我已经更新了你的 JSFiddle
<body>
<div class="wrap">
<div class="bgImageContainer"></div>
<div class="content"> Some text and stuff here</div>
</div>
</body>
不幸的是,您不能在 CSS3 中只定位背景图像。这样做的方法是将所有元素包装为兄弟元素,但模糊元素肯定需要是非模糊元素的兄弟元素。模糊元素的任何子元素都将被模糊。希望这对您有所帮助!
关于html - 有没有办法覆盖-webkit-filter : blur in a child element?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20123149/