{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 Luminary・发光体 的问题《Tooltips don't clear on IE8》','https://www.manongdao.com/q-903907.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I'm building an application using Highcharts and need to support IE8 for a large enterprise customer.
This is the issue I'm seeing. Whenever I hover over a point the tooltip shows up as expected. However, when I move the mouse away the border of the tooltip remains. This happens for every point, so I end up with several partial tooltips on the chart. If I hover over the same point again, I get another tooltip. See the picture for an example. (I'd make a fiddle, but jsfiddle doesn't support IE8).
I've tried grouping tooltips, but this doesn't seem to help. I've removed any tooltip formatters, but that doesn't seem to help either. I'd love to support tooltips on IE8. Any ideas what's happening and how to fix it?
Found it! I didn't specify a
doctype, so the page was rendering in IE8 Quirks mode. I added<!doctype html>to change to Standards mode and this resolved the issue.