CSSレイアウト透明

939 ワード

一.位置決めレイアウト
(1)形式
position:staticデフォルト
fixed固定位置決め
アブソリュート絶対位置決め
reletive相対位置決め
(2)a.staticデフォルト(デフォルトドキュメントフロー)
b.固定位置決めfixed
説明:(1)デフォルト座標はブラウザの左上隅にあり、TOP、left、right、bottomで要素の位置を移動する
(2)ドキュメントフローからの離脱(非占有)
(3)スクロールバーが表示されると、要素が固定される
c.abosolute絶対位置決め
説明:デフォルト座標はブラウザの左上隅にあり、TOP、left、right、bottomで要素の位置を移動し、d.relativeが相対的に位置する
説明:(1)デフォルト座標は、自身のドキュメントの左上隅にあり、TOP、left、right、bottomでメタを移動する
素位置
(2)(自己文書)占有
重点作業中:位置決めと絶対位置決めを組み合わせて使用したい
原理:まず親要素または祖先要素を相対的に位置決めし、座標点を自分の親要素に固定します.
または祖先要素の左上隅で、それから要素に絶対的な位置付けを実現し、TOP、left、right、
bottomは要素の位置を移動します
(3)z-index(レイヤソート)
説明:z-indexは正と負の値であり、
デフォルト値は0(単位なし)
fixed、abosolute、reletiveが存在する場合のみz-indexを使用
二.透過性
   (1)opcity:0-1
説明:chronme、firefox、safan、opreaブラウザでサポートされている書き方
   (2)filter:alpha(opacity=1-100)
説明:IEブラウザがサポートする書き方Filter、alpha(opacity=50)