# 背景視差滾動 skrollr
###### tags: `前端`

## 使用的套件
http://prinzhorn.github.io/skrollr/

公司的視覺設計師覺得有個很漂亮的視差滾動效果，可以在滾動時讓泡泡依照不同速度往上跑

一開始想試著改，但是泡泡總是蓋到在主要內容，想說css簡單的下個z-index就搞定，但是一直弄不好，不然就是弄好了畫面不會捲

弄了半天總算是變出來了

關鍵：要蓋別人的那個div要有要加上 position: relative;和z-index，zindex的數字要比背景還大

## Demo
https://codepen.io/not0000/pen/yqmpGz?editors=1000

## 參考
http://stackoverflow.com/questions/5218927/z-index-not-working-with-fixed-positioning