Question

我想在图像的某些部分显示工具提示。我有这种技术，它使用绝对定位在图像上放置一个不可见的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。

由于

Answer 1

此代码在Explorer，Chrome，Firefox和Edge上似乎没问题。 img标记在资源管理器中具有不同的div标记行为。

＆＃13;

<!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>

＆＃13;

工具提示不适用于IE10

1 个答案: