問題タブ [background-image]

動的な量のテキストを含むフレームを作成しようとしています。角が丸いので、上、本体、下の3つのdivが作成されます。bodyはコンテンツを保持し、topとbottomはフレームのそれぞれの画像のみを表示します。これはすべてここで見ることができます：

http://www.m-challenge.com/nimrod/modular_frame.php

問題：それらの上部と下部のdivと中央のdivにスペースがあります。ご覧ください。ご意見をいただければ幸いです。ごきげんよう ：-）

スクリーンショットは次のとおりです。

ヘッダー http://dl.getdropbox.com/u/118004/Screen%20shot%202010-04-13%20at%202.50.49%20PM.png

左側の赤いバーは、#personal div に設定した背景で、コンテナーの上部に垂直に揃えたいと考えています。

問題は、#container div の上にある #container-top div の背景が絶対配置であるということです。スペースが残らないように #personal div を上に移動する方法はありますか?

HTML

CSS

次のコードを想像してください。

各レイヤーには、目的の効果を得るために静的/反復される異なる背景があります。画面を埋めるにはすべてのレイヤーが必要です。そうしないと、背景が壊れてしまいます。画像サイズを最小化するために、背景はレイヤーに分割されます。

min-height を 100% に設定しても、さまざまな理由で機能しません。これを行う方法はありますか？

編集: #second_bg_layer を height:100% に設定し、#third_bg_layer を min-height:100% に設定すると、うまくいきます。ただし、#second_bg_layer は 100% にロックされ、それ以上展開されません。

私がやりたいことは、両方の div またはその他のソリューションに最小高さを設定することです。

IE PC のバックグラウンドでこの問題が発生しました。Mac Safari を含む他のすべてのブラウザは問題なく動作します....助けてください...私はほとんど解雇されます...

リンクは次のとおりです。

http://www.imageoneads.com/missiongallery/index.htm

本当にありがとう

tran006

この質問はよく聞かれますが、どこでも答えが不足しています。次のように、JPanel を拡張して paintComponent をオーバーライドすることで、JFrame に背景画像を表示させることができます。

しかし今、その背景の上にコンポーネントを追加するにはどうすればよいでしょうか? 私が行くと

背景ではなく小さな赤い四角形（またはその他のコンポーネント）が表示されますが、削除するcp.setLayout(null);と背景は表示されますが、他のコンポーネントは表示されません。これは、null LayoutManager によって呼び出されていない paintComponent と関係があると推測していますが、LayoutManager の仕組みについてはまったく詳しくありません (これは大学向けのプロジェクトであり、課題では特に LayoutManager を使用しないように指示されています)。 .

画像を作成すると、背景にnullを表示する必要があります（したがって、透明（??））赤い四角が表示されるため、背景が実際に他のコンポーネントの上にある可能性があります。

誰にもアイデアはありますか？

ありがとう

新しい画像間を無期限にスムーズにフェードするために、レガシーdivの背景画像（つまり、すでに背景画像があり、制御できないため、最初に上書きする必要があります）を取得しようとしています。これが私がこれまでに持っているものです：

問題は、スムーズではないことです（私はinnerfadeプラグインのようなものを目指しています）。

編集：質問は元々「不定ではありません（配列を1回だけ実行します）」と言っていましたが、マリオは私の愚かな命名エラーを修正しました。

EDIT2：私は現在Reigelの答え（以下を参照）を使用しています。これは完全に機能しますが、それでも画像間をスムーズにフェードする方法を見つけることができません。

すべてが大いに感謝するのに役立ちます:)

背景画像をボディの中央に配置したい(backgroundPosition)。そして、ページに追加するすべてのコンテンツ (テキスト、表など) を背景に合わせて配置します。たとえば、ページをズームすると、背景とコンテンツの比率が尊重されます。

私はほとんどすべてを試しましたが、可能かどうかわかりません。背景の位置に左上の位置を使用してから、float:left の比率のコンテンツが尊重されるかどうかはわかっていますが、背景を中央に配置したい場合は?

Outlook 2007/2010 向けの HTML 形式の電子メールを送信しています。body タグに背景画像を適用しましたが、機能しません。以下のようにコードします。

ただし、「繰り返しなし」を「繰り返しなし」に変更すると、背景画像が表示されますが、繰り返します。

誰でもこれで私を助けることができますか？

デフォルトの background-image css がないページにパネルがあります。ロード時に jquery で初期イメージに設定され、10 秒間待機してから、事前に定義されたイメージからランダムなイメージをロードします。画像を切り替えることができる前と次のボタンがあります。ie6 では、最初の画像が読み込まれ、10 秒後にランダムな画像も読み込まれますが、前へ/次へを押すと背景が白くなり、画像が読み込まれません。アラートを使用すると、ロードするはずの画像の位置と URL を追跡し続けていることがわかりましたが、ロードされません。これが以下のコードです。

メニューバーやヘッダーなどの場合、背景色が適しています。

しかし、たとえば青から白に優雅に移行する背景色はさらに優れています。

これは、目的のフェードを含む1ピクセル幅、Xピクセルの高さの画像ファイルを作成し、それをdiv全体で繰り返すことで実行できることを知っていますが、CSSには、色を定義してそれを実行するためのネイティブサポートがありますか？

他の言語でこれを処理できますか？