jan股幣

我們今天講的主題是， 什麼是 CSS，大綱如下

第一章 : The Basics

第二章 : Selectors

第三章 : Layout

第四章 : Stacking Order

➤ Stacking Order

➤ z-index

➤ Stacking Context

正常是看後寫得在最上層，以下是按照 Stacking Order 下層到上層的順序 (1在最下層，2在倒數第二層)

elements 各自有自己的 position 因此會互相重疊，那我們可以透過 z-index 來去判斷你要哪個在最上面

z-index 為穿出螢幕的Z軸，它默認值是0，它要搭配再有 position 的時候

只要是 position element 還有 有透明度的 element，都是所謂的 Stacking Context

它只會在同一層去比高低，例如 <div id="3"> 它裡面還有4、5、6，而這些4、5、6它只在 <div id="3"> 這一層裡面去比高低，也就是紅色的區塊的那層

所以 <div id="1"> 和 <div id="2"> 只會跟 <div id="3"> 比

第一章 : The Basics

第二章 : Selectors

第三章 : Layout

第四章 : Stacking Order

痞客邦 : https://warlimit.pixnet.net/blog?utm_source=PIXNET&utm_medium=navbar&utm_term=my_blog

隨意窩 : https://blog.xuite.net/warlimit/blog

Blogspot : https://warlimit.blogspot.com/