首頁  >  文章  >  web前端  >  css 下實現懸浮層效果

css 下實現懸浮層效果

高洛峰
高洛峰原創
2016-11-24 14:29:412732瀏覽

定義和用法

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 

   

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn