html中元素的顯示優先順序

2021-10-06 18:52:21 字數 778 閱讀 3057

在html中,html中的元素一般劃分為幀元素、表單元素、非表單元素。幀元素(frameset)的優先順序最高,表單元素比非表單元素的優先順序要高。

優先順序:幀元素(frameset) >  表單元素  >非表單元素

表單元素包括:文字輸入框,密碼輸入框,單選框,核取方塊,文字輸入域,列表框等等;

非表單元素包括:a,div,  table,   span等。

html元素根據其顯示分成兩類:有視窗元素(windowed element)以及無視窗元素(windowless element)。

優先順序:有視窗元素 > 無視窗元素

有視窗元素包括:select元素,object元素,外掛程式,以及frames元素等等。

z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。

該屬性設定乙個定位元素沿 z 軸的位置,z 軸定義為垂直延伸到顯示區的軸。如果為正數,則距離更近,為負數則表示距離更遠。預設的 z-index 是 0。z-index -1 擁有更低的優先順序。

img    //設定影象的index值

描述auto

預設。堆疊順序與父元素相等。

number

設定元素的堆疊順序。

inherit

規定應該從父元素繼承 z-index 屬性的值。

HTML元素的顯示優先順序

一 html元素的顯示優先順序 顯示層次問題,哪個在上哪個在下!總是顯示在最前面 幀元素 html元素優先,表單元素總 非表單元素優先 html中常用的 表單元素包括 文字區域 textarea 列表框 select 文字輸入框,密碼輸入框,單選輸入框,複選輸入框等等。常見的 非表單元素包括 鏈結標...

優先佇列中元素優先順序的設定

如何定義優先佇列內元素的優先順序是運用好優先順序的關鍵,下面分別介紹基本資料型別 例如int double char 與結構體型別的優先順序設定方法。1 基本資料型別的優先順序設定 此處的基本資料型別就是int型 double型 char型等可以直接使用的資料型別,優先佇列對它們的優先順序設定一般是...

html頁面元素優先順序問題 z index

在開發中曾經遇到過z index帶來的頁面層級遮蓋問題。原帖太亂了,就發個效果圖吧。div被select隱藏的問題可以用乙個 的iframe來解決。div,select,iframe都是絕對定位的情況下進行的。在絕對定位的情況下,z index是可以對他們起到作用的。但是在頁面布局實際中都是用相對進...