Introduction
Web Component
HTML basic
CSS basic
CSS Advance
Javascript basic
開始寫一個網站前
- 寫一個靜態網站2
- 寫一個靜態網站
部屬到github pages
做一個OX小遊戲
做一個貪食蛇小遊戲
canvas
Regexp
SVG
Sublime快捷鍵
Deploy Blog 使用 Hexo
域名設定
- 註冊域名信箱
  使用AWS SES
  mailgun
- subdomain，清除DNS快取
使用cloudflare
使用VNC server
SEO
- Sitemap
- search console
遠端連線
HTML LiveReload
ngrok 與 local tunnel
Service worker 與 Cache
Zeplin 搭配 Sketch
測試 IE 網頁相容性
網站產生器

Powered by GitBook

On this page

1.child absolute 會壓在parent上方，但移除parent z-index 並在child 加上negative zindex後可壓到child上方。
2.同層div的順序也會影響，放在前面的div會被壓在下面，但static的position會被壓在最下方。
3.其他同層container 有更大的zindex，就算較小的container zindex下有最大的zindex child還是會被覆蓋。
4. opacity小於1 的元素也會讓他成為z-index的stack contexts
不錯的文章：

Was this helpful?

z-index

PreviousOOCSS、SMACSS、BEM、SEM、BIO NextFlexbox教學

Last updated 3 years ago

1.child absolute 會壓在parent上方，但移除parent z-index 並在child 加上negative zindex後可壓到child上方。

https://codepen.io/anon/pen/gBdGPN

移除.container1 z-index 試試

2.同層div的順序也會影響，放在前面的div會被壓在下面，但static的position會被壓在最下方。

3.其他同層container 有更大的zindex，就算較小的container zindex下有最大的zindex child還是會被覆蓋。

https://codepen.io/anon/pen/QZVVbY

4. opacity小於1 的元素也會讓他成為z-index的stack contexts

不錯的文章：

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context

What No One Told You About Z-IndexPhilip Walton