Question

我想有一个带背景的div，里面有更多div，幻觉是他们的背景在父母的背景上应用了一些过滤器。由于对过滤器的支持不是很完整，我以为我会创建过滤后的图像，然后设置子项的background-position属性，使背景与父对齐。在jQuery中，我可以编写类似的内容：

$this.css('background-position', -$this.offset)

没有JavaScript可以实现这种效果吗？通过将子背景设置为fixed，我几乎可以获得我想要的内容，但当然我不希望将它们固定到视口，我希望将它固定为父视图。

为了给你一个更好的主意，这里有一个我在Gimp中放在一起的快速模型：

enter image description here

编辑：我创建了JSFiddle，背景为fixed。

Answer 1

你需要创建一个具有transperancy（和这种蓝紫色）的png图片，并将这个图像作为背景图像给孩子们。然后你需要使用margin：auto。

将孩子居中

它应该工作！希望我理解正确.. :)

抱歉我的英语不好.. 祝你好运！

Answer 2

仅使用CSS无法做到这一点。 节省一些时间，并研究替代解决方案

另见：