Html CSS工具提示不显示在IE上，Safari在FireFox上工作

仍在工作中，但注意到一个我无法解决的问题。。我很擅长涉猎和解决问题，但没有任何正式的网络开发教育，所以请耐心等待我

我正在处理的-当您将鼠标悬停在特定区域时，有一个带有工具提示的图像贴图。在FF中效果很好，在IE和Safari中不显示。。你知道我错过了什么吗？还是更好的实施方式？试图远离JavaScript。谢谢

我的代码

map{position:relative；}
面积+跨距{位置：绝对；左边距：-9999em；}
区域：悬停+跨距{
位置：绝对；/*只能相对于整个地图而不是区域进行定位*/
左：100px；
顶部：-700px；
z指数：5000；
颜色：#ffffff；
背景：#ec287a；
边框：1px实心#ffffff；
保证金：0；
宽度：600px；
填充：20px；
}

试着这样写你的img标签：

<img src="http://www.skilledgraphics.com/pawshie/images/ruffway.png" width="1200" height="670" usemap="#planetmap" title="tooltip text goes here blah blah blah" />



标记中包含的title属性应该显示引号中包含的内容的文本。它由IE、FFox、Chrome、Safari和Opera支持
 试着这样写你的img标签：

<img src="http://www.skilledgraphics.com/pawshie/images/ruffway.png" width="1200" height="670" usemap="#planetmap" title="tooltip text goes here blah blah blah" />



标记中包含的title属性应该显示引号中包含的内容的文本。它由IE、FFox、Chrome、Safari和Opera支持
 是的，但那不是我想要做的。（应该更好地解释我想要的结果）。。这只是一个基本的默认tootip，我使用定制的tootip和css。。。。事实上，我找到了另一种方法，通过在css中定义热点来实现这一点，不知道为什么上面的方法不起作用，但我现在很好。是的，但这不是我想要做的。（应该更好地解释我想要的结果）。。这只是一个基本的默认tootip，我使用定制的tootip和css。。。。事实上，我找到了另一种方法来实现这一点，在css中定义热点，不知道为什么上面的方法不起作用，但我现在很好。