2015-12-30 82 views
1

我正在使用fullPage.js插件將每個部分轉換爲基於完整頁面的幻燈片放映網站並將內容垂直居中。畫布的Z指數問題

我也使用ParticlesJS實現在後臺的一些動畫效果 - 它產生的畫布來實現這似乎佔用了更高z-index

事件以爲我試圖分配的z-index較低動畫到canvas和更高的一個到content我無法選擇文本並訪問表單。

有什麼辦法可以解決這個問題嗎?

Website

+0

你只是要設置父('# hero-unit')'z-index'設置爲1,並畫一個-1。 – Kaiido

回答

2

你可以只適用的CSS指針事件

添加此pointer-events: noneparticles-js-canvas-el,你應該能夠點擊您的輸入

+0

你是我的英雄:)非常感謝。我今天學到了一個新房產;) –

+0

不要擔心它的伴侶:) – Canvas

+0

不幸的是它沒有在IE11之前實現http://caniuse.com/#feat=pointer-events – Kaiido