4

我想有一个带背景的 div，在里面有更多的 div，它们的背景会在父背景上应用一些过滤器。由于对过滤器的支持不完全在这里，我想我将创建过滤后的图像，然后设置background-position子元素的属性，使背景与父元素对齐。在 jQuery 中，我可以编写如下内容：

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

不使用 JavaScript 也能实现这个效果吗？通过将孩子的背景设置为 ，我几乎可以得到我想要的东西fixed，但我当然不希望它们被固定到视口，我希望它被固定到父母。

为了给你一个更好的主意，这是我在 Gimp 中制作的一个快速模型：

在此处输入图像描述

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

4

2 回答 2

0

您需要创建一个具有透明度（以及这种蓝紫色）的 png 图片，并将此图像作为背景图像提供给孩子们。然后，您需要使用 margin:auto 使孩子居中。

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

对不起我的英语不好..祝你好运！

于 2012-12-17T11:57:08.333 回答
0

仅使用 CSS 是不可能做到这一点的。节省一些时间，并寻找替代解决方案

也可以看看：

于 2012-12-17T14:21:02.560 回答