0

私はこの投稿を編集して、理解しやすい方法で質問を書きました。下記を参照してください。

私が使用しているCSS：

#wing_right
{
  background-image:url("../images/poppadom.png");
  height:678px;
  margin-right:-60px;
  margin-left: 500px;
  position:fixed;
  right:0;
  top:240px;
  width:387px;
  z-index:50;  
}

理解しやすい質問のバージョン。私は願います。

以下は私のサイトの図表です。-> | LW | CN | RW | LW=左翼CN=コンテンツRW=右翼。左翼と右翼のCSSは非常に似ています。上記のCSSを参照してください。違いは、画像とその左翼に取り付けられていることだけです。内容はz-indexに関して以下であり、翼でカバーすることはできません。非常に単純な図のように、LWとRWは、ブラウザーのサイズ変更に伴って移動します。これは私が望むものです。ただし、ブラウザウィンドウを小さくする場合は、LWとRWがコンテンツをカバーしないようにするための何かが必要です。両方のウィングは同じz-indexにあり、コンテンツはより低いz-indexにあります。

4

2 に答える 2

0

その要素は相対的または静的に配置されていないため、「フロー内」ではmarginなく、他のdivに影響を与えません。これは視覚的に非常に複雑な問題であるため、完全な例を投稿してください。

于 2010-08-03T16:35:47.160 に答える
0

下位レベルのコンテンツの幅は固定されていますか、それとも自動ですか？自動の場合、それは正しい動作のように聞こえます。左側と右側の画像で「押しつぶされ」たくないレイヤーに最小幅を適用できます。

于 2010-08-03T16:36:16.300 に答える