Html5 div over canvas crossbrowser

Question

我嘗試在整頁canvas上放置一個div。在Chrome中工作良好，但在firefox和ie9中，它會變成'kaput'。

下面是該代碼的鏈接（在firefox chrome和ie9中嘗試過），只有鉻可以工作;

http://jsbin.com/ubolan/1/edit

Answer 1

在IE9文檔沒有屬性document.width/document.height所以要設置在畫布寬度/高度爲0。

嘗試使用

canvas.width = document.body.clientWidth; 
canvas.height = document.body.clientHeight; 

或

canvas.width = $(document).width(); 
canvas.height = $(document).height();