3

バックグラウンド DIV が常にブラウザー ウィンドウ全体を占めるようにしたいと考えています。背景の上に希望どおりに移動する DIV があり、パーセンテージで位置を設定しています。ズームアウトすると、両方の DIV が一緒に移動し、背景色が露出します。ここに私のサイトがあります：

http://search.officesupplycentral.org/details.html

DIV を機能させる方法の例を次に示します。

http://fab.com/

どんな助けでも大歓迎です！

ジム

4

1 に答える 1

0

fab.comは、サイトのコードを確認するだけで簡単に確認できる特別なアプローチを使用しています。

背景を HTML タグ<html style="background-image: url(//s3.amazonaws.com/static.fab.com/relaunch/fab-daily-design-for-everyone-8.jpg);">に設定し、CSS ファイルで次の値を設定します。

html{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

<body>次に、CSS で背景を透明に設定します。

body{
  background: transparent;
}

<html>これをさらに調査せずに、画像がタグの背景として設定され、背景サイズがカバーするように設定されているため、ページがズームインまたはズームアウトされたときに処理されないというのが私の推測です。

于 2012-08-27T09:32:13.893 に答える