0

2 つの別々の div の上部と下部をフェードアウトしたい。

現在、私は position:absolute と top:1px を上部に、bottom: 1px を下部に使用しようとしています。私のために働いていませんでした、親divを使用していますか? そのため、彼らは間違った場所に現れていました。

このフィドルは私がどこにいるかを示しています:

http://jsfiddle.net/mstefanko/23mfk/

私が望むのは、各 div の上部と下部がフィドルでフェードを示すことです。

4

1 に答える 1

2

あなた.inner-1と.inner-2両方には、それらの中に要素が絶対的に配置されています。これらの要素は、親ではなく、ビューポートに関連して配置されています。.inner-1および.inner-2を相対位置に設定する必要があります。

.inner-1,
.inner-2 {
  position: relative;
}

これにより、グラデーション要素がこれらのコンテナーの上部と下部に表示されます。

デモ: http://jsfiddle.net/23mfk/1/

于 2012-05-15T02:46:40.483 に答える