0

私はそれを正しく理解することはできません。これは私が持っているものです。

2つの背景画像div（コンテンツ用）とフッター。フォームをdiv_11の上部に固定しようとしていますが、下部に移動してその一部を非表示にします。

<div id="index-11_">
  <img src="xxx/ttt.jpg" alt="" width="1012" height="295" align="top" id="index_11" />
  <form>
    <div class="form">FORM CODE</div>
  </form>
</div>

<div id="index-12_">
  <img id="xxx/ccc.png" width="100" height="592" alt="" />
</div>

CSSは次のとおりです。

#index-11_ {
  position:absolute;
  left:88px;
  top:158px;
  width:1012px;
  height:295px;   
}

div.box {   
  position:relative;
  background:#222222;
  width: 600px;
  margin-left:auto;
  margin-right:auto;
  border:1px solid #262626;
}

#index-12_ {
  position:absolute;
  left:1100px;
  top:158px;
  width:100px;
  height:592px;
}
4

1 に答える 1

1

最初の画像の後に配置したため、フォームは一番下に移動します。画像要素をhtmlフローの実際の要素にするのではなく、divの背景画像にしたいようです。そうすることができます。#index-11_これをcssに追加します。

background: url(xxx/ttt.jpg) no-repeat;

最初の画像要素を置き換えます。

http://reference.sitepoint.com/css/background

于 2012-06-07T18:44:26.713 に答える