0

Lessで定義されているスタイルは次のとおりです。

html {
  background-color: @playGreen;
}

body {  
  background-color: @background;
  background: url(../images/pattern/cream_dust.png) repeat 0 0;
}

.backStripe {
  background-color: @playGreen;
  position: absolute;
  top: 0;
  width: 100%;
  height: 125px;
  z-index: -9;
}

私のHTMLコードには（無関係な要素が削除されています）：

<html>
  <head>[...]</head>
  <body>
    <div class="backStripe">&nbsp;</div>
    [... other code ...]
  </body>
</html>

position: absolute与えられたcssのアイデアは、とlowのdivを使用して、背景として固定サイズのカラーストライプを設定することz-indexです。

html（タグ自体に）スタイルを追加しないと、期待どおりに機能します。しかし、（短いページの下部のギャップを避けるために）にを追加するbackground-colorと、 divは表示されなくなり、完全に非表示になります。htmlbackStripe

理由について何か考えはありますか？どうすればdivをbackground-colorforに沿って動作させることができhtmlますか？

4

1 に答える 1

1

負のz-indexを指定.backstripeしました。それはそれをhtml要素の下に置きます。html要素が透過的でない場合、要素を隠します。.backstripe

正のzインデックスに固執します。

于 2013-02-21T22:49:10.027 に答える