我想在图像的某些部分显示工具提示。我有这种技术，它可以在图像上放置一个具有绝对定位的不可见的div。
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<meta http-equiv="X-UA-Compatible" content="IE=10" >
</head>
<body>
<div style="position:relative;">
<img src="http://blog.caranddriver.com/wp-content/uploads/2016/11/BMW-M2-lead.jpg"/>
<div title="HELLO" style="position:absolute; width:100px; height:100px; top:0; left:0;"></div>
</div>
</body>
</html>
但是当我将鼠标悬停在上面时，工具提示没有显示。
有谁知道出了什么问题？同样的代码适用于 chrome 59。
谢谢
这段代码在Explorer，Chrome，Firefox和Edge上似乎还可以。 img 标签在资源管理器中具有不同的div 标签行为。
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<meta http-equiv="X-UA-Compatible" content="IE=10">
</head>
<body>
<div style="position:relative;">
<img src="http://blog.caranddriver.com/wp-content/uploads/2016/11/BMW-M2-lead.jpg"/>
<img style="position:absolute; width:100px; height:100px; top:0; left:0; border-width: 0px;" src="javascript:void(0)" title="Test" alt="">
</div>
</body>
</html>