国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

ie下的css層疊z-index各種問(wèn)題詳細(xì)整理

2024-07-11 08:29:05
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

到新地方有些日子了,差不多適應(yīng)了這邊的工作節(jié)奏與流程。接到的第一個(gè)開(kāi)發(fā)任務(wù)是幾個(gè)比較簡(jiǎn)單的頁(yè)面,需要做的工作就是先把設(shè)計(jì)圖變成頁(yè)面,然后使用PHP創(chuàng)建幾個(gè)請(qǐng)求的接口傳遞數(shù)據(jù),標(biāo)準(zhǔn)且簡(jiǎn)潔的web開(kāi)發(fā)思路。可是真有些日子沒(méi)有寫(xiě)DIV+CSS了,而且對(duì)IE6兼容性的坑碰到的還是不夠多(以前做國(guó)外項(xiàng)目),所以這次開(kāi)發(fā)中不可避免的碰見(jiàn)了幾個(gè)問(wèn)題,尤其是在IE下的 z-index 問(wèn)題很有意思,所以整理了一些資料和總結(jié)分享給大家...注:因?yàn)橐肓薺sfiddle,所以頁(yè)面加載受影響會(huì)稍慢一些^_^

閱讀目錄:

    z-index屬性
    z-index規(guī)范參考
    在IE下出現(xiàn)的問(wèn)題
    在IE6下z-index的問(wèn)題
      >拼爹的時(shí)代
      >萬(wàn)惡的float 
    IE6下 select z-index無(wú)效而遮擋div
      >用 iframe 包裹 select 元素
      >以 Iframe 作為div的子元素,覆蓋 select 元素
    本文結(jié)語(yǔ) 

z-index屬性

    z-index : auto | numberz-index 屬性設(shè)置元素的堆疊順序,如果為正數(shù),則離用戶(hù)更近,為負(fù)數(shù)則表示離用戶(hù)更遠(yuǎn);擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面;z-index 僅能在定位元素上奏效(position 屬性值為 relative 或 absolute 或 fixed的對(duì)象)。

z-index規(guī)范參考

在 W3C CSS2.1 規(guī)范中,每個(gè)元素都具有三維的空間位置,除我們所熟悉的水平和垂直位置外,元素還可在 "Z軸" 方向上層層相疊、依次向前排開(kāi); 元素在 "Z 軸" 方向上的呈現(xiàn)順序,由層疊上下文和層疊級(jí)別決定。在文檔中,每個(gè)元素僅屬于一個(gè)層疊上下文。在給定的層疊上下文中,每個(gè)元素都有一個(gè)整型的層疊級(jí)別,它描述了在相同層疊上下文中元素在 "Z軸" 上的顯示順序;同一個(gè)層疊上下文中,層疊級(jí)別大的顯示在上,層疊級(jí)別小的顯示在下,相同層疊級(jí)別時(shí),遵循后來(lái)居上的原則(back-to-font);不同層疊上下文中,元素顯示順序以父級(jí)層疊上下文的層疊級(jí)別來(lái)決定顯示的先后順序。與自身的層疊級(jí)別無(wú)關(guān);每一個(gè)定位元素都?xì)w屬于一個(gè)stacking context。根元素形成 root stacking context,而其他的 stacking context 則由定位元素產(chǎn)生(此定位元素的 z-index 被定義一個(gè)非 auto 的 z-index 值),定位子元素會(huì)以這個(gè) local stacking context 為參考,用相同的規(guī)則來(lái)決定層疊順序;當(dāng)任何一個(gè)元素層疊另一個(gè)包含在不同 stacking context 元素時(shí),則會(huì)以 stacking context 的層疊級(jí)別(stack level)來(lái)決定顯示的先后情況。也就是說(shuō),在相同的 stacking context 下才會(huì)用元素本身的 z-index 來(lái)決定先后,不同時(shí)則由 stacking context 的父元素的 z-index 來(lái)決定。

在IE下出現(xiàn)的問(wèn)題

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 泸州市| 凤山县| 泰安市| 大城县| 浮山县| 邵阳市| 涡阳县| 察隅县| 池州市| 新晃| 墨竹工卡县| 临沭县| 永年县| 叶城县| 鹤庆县| 梁河县| 宿州市| 南溪县| 聊城市| 眉山市| 抚顺市| 娄烦县| 永丰县| 清远市| 山西省| 清水县| 昌江| 肥乡县| 淳安县| 和田市| 黄山市| 呼和浩特市| 瓮安县| 蓝山县| 崇义县| 泗水县| 蓝山县| 南充市| 辽阳县| 肥乡县| 商都县|