2

私の質問は、非常にばかげているように思えるかもしれません。しかし、そうではありません。

背景色にグラデーションを付けて、その下にある位置が固定された背景画像に影響を与えました。

body{
  background-image:url(...);
  background-attachment: fixed;
}

body:after{
  content: "";
  display: block;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
  background: -moz-linear-gradient(-45deg, rgba(30,87,153,1) 0%, rgba(89,148,202,1) 62%,     rgba(95,154,207,0.7) 68%, rgba(125,185,232,0) 100%);
}`

うまくいけば、私は十分に正確でした。さらに詳しい情報が必要な場合は、遠慮なくご連絡ください。

ありがとうございました ！

4

1 に答える 1

2

これがあなたが望むものなら：

  • 本体の固定背景画像
  • その上に固定された背景があり、ほとんどの背景画像が隠されています

追加する必要があります

top:0; left:0;
z-index:-1;

にbody::after変更し、 に変更position:absoluteしposition:fixedます。
z-index が必要です。そうしないと、::after が本文自体のコンテンツの上に配置されるためです。

jsfiddleを参照してください。

于 2013-07-03T18:54:31.720 に答える