HTML/CSS 位置制御

各ブロックが複数の要素で構成される場合

要素全体の枠を<div id="container">などでつくり、CSSで全体を定義

 要素をオーバーラップさせる場合は<div class="relative">などとし、

下になる要素にposition: relative;

上に重ねる要素にposition: absolute;

で位置を指定。

※HTMLの方でサイズ指定をすると、指定が重複してCSSが反映されない場合がある

.relative {
position: relative;
width: 1080px;
height: 1398px;

z-index: 1;

}

#B001 {
position: absolute;
left: 51px;
top: 50px;
z-index: 2;
width: 475px;
height: 38px;
background: red;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}