css 下實現懸浮層效果

定義和用法

position 屬性規定元素的定位類型。

說明

這個屬性定義建立元素佈局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會產生一個區塊級框，而不論該元素本身是什麼類型。相對定位元素會相對於它在正常流中的預設位置偏移。

預設值：

static    

繼承性：

no  

版本

JavaScript 語法：

object.style.position= "absolute"    

實例

定位h2 元素：

h2

 {position:absolute;left:100px;

 top:150p支援

所有主流瀏覽器都支援position 屬性。

註解：任何的版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit"。

可能的值

值

描述

absolute    

生成絕對定位的元素，相對於 static 定位以外的第一個父元素定位以外的第一個父元素。

元素的位置透過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

   

fixed    

產生絕對定位的元素，相對於瀏覽器視窗進行定位。

元素的位置透過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

   

relative    

產生相對定位的元素，相對於其正常位置進行定位。

因此，"left:20" 會在元素的 LEFT 位置加入 20 像素。

   

static    預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或 z-index 宣告）。    

inherit    

規定應從父元素繼承 position 屬性的值。

inherit