資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物
數學
英語
經濟
心理學
社會學
時尚研究
法律研究HTML5 畫布和 Google Chrome 中的 z 索引問題
當我們對位置設為固定的畫布應用 z 索引時，它停止使 Chrome 正確地呈現出其他所有具有position:fixed的元素。僅當畫布大小大於 256X256 畫素時才會發生這種情況。
用固定 div 包裹 h1 和畫布並解決問題 −
<div id = 'fixcontainer'> <h1>Test Title</h1> <canvas id = "backgroundCanvas" width = "1000" height = "300"></canvas> </div>
以下是 CSS −
h1{
position: fixed;
}
body{
height: 1500px;
}
canvas{
position: fixed; z-index: -10;
}
更新於： 04-Mar-2020
676 瀏覽
廣告