Nik*_*ach 2 html css webkit css3
我正在尝试将我的元素显示在图像背景的顶部并应用模糊.
请参阅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中的背景图像.这样做的方法是将所有内容包装为兄弟姐妹,但模糊元素肯定需要是非模糊元素的兄弟.任何模糊元素的孩子都会模糊.希望这可以帮助!