0

これは、最新のすべてのブラウザーと IE7 および IE8 と互換性がある必要があります。

私がやろうとしているのは、ページの背景画像を繰り返し、下部を暗くする線形フェードを使用することです。http://i.imgur.com/rrzyw.jpg

これが私のコード例です: http://jsfiddle.net/hxk2d/2/

ご覧のとおり、上記の例には 2 つのフローティング div があります。ボディの線形グラデーションが何らかの理由で表示されません。左のdivが浮かんでいることが原因であることがわかりました。

左の div のフロートを削除するとすぐに、グラデーションが表示され始めますが、コンテナー内にのみ表示されます。

明らかに、フローティング div があるかどうかに関係なく、これが機能することを望みます。私のテスト ブラウザは Chrome と Firefox の両方で、どちらも同じ動作を実行しました。

私は何が欠けていますか?

4

1 に答える 1

1

私の例を見てください。100%確信はありませんが、2つのフローティングdivの結果として、2つのフロートの親divには高さが計算されていなかったと思います。そのdivの親タグは、そうでないボディです内部には何もないため、高さはありません。簡単な修正として、いくつかの clearfix クラスをフローティング div の親に追加しました

リンクの例は次のとおりです。 http://jsfiddle.net/sHXf2/

グラデーションが見やすくなるように修正しました。

于 2012-01-02T18:00:44.907 に答える