定位與錨點
阿新 • • 發佈：2018-11-28
定位
只能用定位來實現層疊的效果
absolute預設為瀏覽器視窗
一.position定位屬性
position:static/absolute/relative/fixed/inherit
1.static:預設定位方式；
2.absolute：絕對定位，將物件從文件流中完全脫離出來，使用left/right/top/bottom進行定位，如父元素無定位屬性，依據瀏覽器定位，其層疊屬性通過z-index來定義；
3.relative：相對定位遵循正常的文件流，將依據right/top/right/bottom等屬性在正常文件流中相對自身位置進行偏移，其層疊通過z-index屬性定義；
4.fixed：固定定位，類似絕對定位，但參照物是瀏覽器的可視視窗，且脫離標準文件流；
5.inherit：規定元素的定位方式繼承父元素的position屬性值。
注： 任何元素設定過脫離文件流的定位方式時，就有了塊元素的顯示特性；
絕對定位須有一個參照物=包含塊
包含塊：包含關係，並且要設定定位（相對、絕對）
二、定位元素的層級屬性
z-index:auto|number;
auto：預設值；
number：無單位的整數值。
錨點
一、錨點連結的語法和應用場景
命名錨點的作用：在同一頁面內的不同位置進行跳轉。
語法：
1.給元素定義命名錨記名
<標記 id=“命名錨記名”></標記>
2.命名錨記連結
<a href="#命名錨記名">連結文字或圖片</a>
二、透明寫法
IE9以下瀏覽器寫法：
filter:alpha(opacity=value);value值為0-100；
相容其他瀏覽器寫法：
opacity:value;value=0-1；零點幾可寫為點幾；
只支援IE8以上瀏覽器：
rgba(255,255,0,0.5)最後一位表示透明，取值0-1。
三、插入flash
四、滾動字幕的應用marquee