0

別の画像の上に画像を重ねようとしています。たとえば、多くのサイトにはメインの背景があり、html タグと別の背景 (body タグに使用されるシンプルな色など) で使用されると思います。しかし、彼らはそれを画面の 75% にし、中央に配置して、html の背景の一部を表示しています。body タグを画面の 75% の中央に配置する方法に行き詰まっています。前もって感謝します！

4

4 に答える 4

1

ラッパー div を使用して 75% の幅を指定し、任意の背景を適用してから、その位置を中央に設定すると、目的の出力が得られます。

<html>
<head>
<style>
.wrapper{
width:75%;
height: 100%;
background-color:red;
background-position:center;
margin: 0 auto;
}
</style>
</head>

<body style="background-color:black;">
<div class="wrapper">this is a 75% width wrapper</div>
</body>
</html>

要素のauto左側と右側の間で利用可能なスペースを均等に分割するようブラウザに指示するだけです

于 2013-03-17T15:55:40.123 に答える
1

使用margin:0px auto;したいものとposition:absolute、div中央に配置したいもの。

最初のもの0pxは、上部と下部にマージンがないことを示しています。2 番目のプロパティは、左右のマージンを自動にするように指示します。divが中央になるように。

これを機能させるには、div に a がwidthあり、絶対位置に配置する必要があります。

デモ (ボーナス ヘッダー): http://jsfiddle.net/btevfik/GPpeD/

于 2013-03-17T15:38:34.067 に答える
0

css background image プロパティを body に割り当てて、新しい div を作成し、別の背景をそれに割り当てることができます。コンテナーの幅を 75% に設定します。または、img タグを使用する予定がある場合は、z-index プロパティを指定できます。div コンテナーを中央に配置するには、 margin: auto; を指定します。

于 2013-03-17T15:59:37.630 に答える
0 
background: 
   url(backgroundOne.png) 60px 10px no-repeat,  /* On top,    like z-index: 4; */
   url(backgroundTwo.png) 10px 10px no-repeat,   /*            like z-index: 3; */
   url(backGroundThree.png);                      /* On bottom, like z-index: 1; */

CSSで上記のコードを試してください

于 2013-03-17T15:41:50.840 に答える