-4

ウェブサイトの背景について助けが必要です。知りたい詳細は次のとおりです。

  • Web サイトの左右で異なるグラデーションの背景 (すべての IE ブラウザーでも動作するはずです)。
  • HTML/CSSを使用してそれを行うにはどうすればよいですか?

助けてください。ありがとう！

ここに画像の説明を入力

4

5 に答える 5

2

古いブラウザーで動作させたい場合は、次のように記述できます。

http://jsfiddle.net/ftcjZ/2/

これはより複雑な html です。すべては、これを実行するために必要な正確なブラウザによって異なります。

CSS:

.bg-left { background: url('http://cdn.imghack.se/images/3be5ae39376f069c0f49dd0cf09e74c7.png') top left no-repeat; } 
.bg-right { padding: 0 118px 0 125px; background: url('http://cdn.imghack.se/images/ae53c28777043687b9a110e867798cb5.png') top right no-repeat; }
.main-content { height: 800px; background-color: white; }

HTML:

<div class="bg-left">
  <div class="bg-right">
    <div class="main-content">

    </div>
  </div>
</div>

.bg-rightEDIT：これはより信頼性の高いソリューションであるため、メインコンテナのマージンをパディングに変更するコードを更新しました。

于 2013-06-26T07:41:55.353 に答える
0

すべてのブラウザーとほとんどの解像度で動作するための最良のアイデアの 1 つは、巨大な画像を使用し、中央で分離し、幅を に2048して垂直スクロールを固定することです。

これはすべてのブラウザで機能します。

body {background: url("huge-image.png") center top no-repeat;}

BGが大きくなると言うすべての人へ。

解像度のイメージ:19488 x 3552サイズはジャスト51 KBです。見てみな：


(ソース: znate.ru )

于 2013-06-26T07:22:38.390 に答える