4

背景を持つ div が必要で、その内部には、背景が親の背景に何らかのフィルターを適用するという錯覚を伴う div があります。フィルターのサポートはまだここにはないため、フィルター処理された画像を作成background-positionし、背景が親と一致するように子の属性を設定することを考えていました。jQuery では、次のように記述できます。

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

JavaScript なしでこの効果を達成することは可能ですか? 子の背景を に設定することで、ほぼ望み通りの結果を得ることができましfixedたが、もちろんビューポートに固定するのではなく、親に固定したいのです。

より良いアイデアを提供するために、Gimp でまとめた簡単なモックアップを次に示します。

ここに画像の説明を入力

編集:バックグラウンドでJSFiddleを作成しましfixedた。

4

2 に答える 2

0

CSSだけを使用してそれを行うことはできません。時間を節約し、代替ソリューションを検討してください

も参照してください：

于 2012-12-17T14:21:02.560 に答える
0

透明度（およびこの青紫の色）を持つpng画像を作成し、この画像を背景画像として子供たちに与える必要があります。次に、margin:auto で子を中央に配置する必要があります。

それはうまくいくはずです！私があなたを正しく理解したことを願っています.. :)

私の下手な英語でごめんなさい..頑張ってください！

于 2012-12-17T11:57:08.333 に答える