TShopping

 找回密碼
 註冊
搜索
查看: 681|回復: 2

[教學] CSS z-index 屬性

[複製鏈接]
發表於 2013-3-2 20:02:06 | 顯示全部樓層 |閱讀模式
 
Push to Facebook Push to Plurk Push to Twitter 
定義和用法z-index 屬性設置元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。
註釋:元素可擁有負的 z-index 屬性值。
註釋:Z-index 僅能在定位元素上奏效(例如 position:absolute;)!
說明該屬性設置一個定位元素沿 z 軸的位置,z 軸定義為垂直延伸到顯示區的軸。如果為正數,則離用戶更近,為負數則表示離用戶更遠。
默認值:auto
繼承性:no
版本:CSS2
JavaScript 語法:object.style.zIndex="1"

實例設置圖像的 z-index:
img  {  position:absolute;  left:0px;  top:0px;  z-index:-1;  }TIY

瀏覽器支持所有主流瀏覽器都支持 z-index 屬性。
註釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。

可能的值
描述
auto默認。堆疊順序與父元素相等。
number設置元素的堆疊順序。
inherit規定應該從父元素繼承 z-index 屬性的值。

TIY 實例Z-indexZ-index 可用於將在一個元素放置於另一元素之後。Z-index上例中的元素已經更改了 Z-index。

 

臉書網友討論
發表於 2014-6-21 07:27:02 | 顯示全部樓層
看帖子的要发表下看法

版主招募中

發表於 2015-7-29 20:02:49 | 顯示全部樓層
我惊呆了,好贴啊,很难得的好贴












无限恐怖


您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2016-12-4 19:57 , Processed in 0.062216 second(s), 21 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表