যখন আমরা একটি ক্যানভাসে z সূচক প্রয়োগ করি যার অবস্থান স্থির থাকে, তখন এটি ক্রোমকে অন্য সমস্ত উপাদান রেন্ডার করে যা অবস্থান:সঠিকভাবে স্থির করে। ক্যানভাসের আকার 256X256 পিক্সেলের বেশি হলেই এটি ঘটে।
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;
} 