যখন আমরা একটি ক্যানভাসে z-index প্রয়োগ করি যার position fixed, তবে এটি Chrome-এ অন্য সব position:fixed এলিমেন্টকে সঠিকভাবে রেন্ডার করতে বাধা দেয়। এটি শুধু হয় যদি ক্যানভাস ২৫৬x২৫৬ পিক্সেল থেকে বড় হয়।
h1 এবং ক্যানভাস দুটোকে fixed div-এ র্যাপ করলে সমস্যাটি সমাধান হয়:
<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; }
