IE8でレンダリングされないexcanvasに問題があります。ここで、キャンバスを初期化します。
var canvas = document.getElementById("map");
if (typeof (G_vmlCanvasManager) != 'undefined') {
canvas = G_vmlCanvasManager.initElement(canvas);
}
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#656600"; // sets colors of counties
ctx.strokeStyle = "#ff0000";
ctx.flobalAlpha = 0.33; // set transparency
<img name="texasmapofcounties" src=../texas-map-of-counties.jpg"style="position: absolute; height: 719px; width: 800px; left: 0px; top: 0;" alt="map of texas counties" />
<canvas id="map" width="800" height="719" style="position: absolute; left: 0px; top: 0; opacity: 1;"></canvas>
<div id="map_blind" style="position: absolute; height: 719px; width: 800px; left: 0px; top: 0;"></div>
<img name="texasmapofcounties" src="../texas-map-of-counties.jpg" width="800" height="719" border="0" id="texasmapofcounties" usemap="#m_texasmapofcounties" alt="" style="position: absolute; height: 719px; width: 800px; left: 0px; top: 0; -moz-user-select: none; opacity: 0;" />
このサイトの目的は、テキサス州の郡に「有名な木」が含まれている場合、その郡が緑色になっていることです。次に、ユーザーは郡を選択してクリックすると、ツリーのポップアップリストが表示されます。この機能はIE7IE9、FF、Chromeなどで機能します...IE8とExcanvasだけが正しく機能していません。
どんな助けでもありがたいです！