जब हम किसी ऐसे कैनवास पर z अनुक्रमणिका लागू करते हैं जिसकी स्थिति निश्चित है, तो यह रुक जाता है जिससे क्रोम अन्य सभी तत्वों को प्रस्तुत कर देता है, जो स्थिति:ठीक से निश्चित हैं। ऐसा केवल तभी होता है जब कैनवास का आकार 256X256 px से बड़ा हो।
h1 और कैनवस दोनों को फिक्स्ड डिव से लपेटें और समस्या का समाधान करें -
<div id = 'fixcontainer'> <h1>Test Title</h1> <canvas id = "backgroundCanvas" width = "1000" height = "300"></canvas> </div>
निम्नलिखित सीएसएस है -
h1{
position: fixed;
}
body{
height: 1500px;
}
canvas{
position: fixed; z-index: -10;
}