Question

如果您访问此链接：http://pearlofthewest.com/并使用chrome或firefox查看该页面，则当悬停在幻灯片查看器中的图像上方时，会显示betterTooltip图像/文本。在Safari中，betterTooltip会显示，但是slideviewer div位于右侧。在IE8中，当悬停在图像上方时，betterTooltip根本不显示。

我查看了pngfixes并尝试实现ie8.js pngfix以查看是否存在问题，但是更好的工具提示仍未在IE中显示。我在CSS中遗漏了什么吗？

当您访问教程演示站点时，betterTooltip在IE中运行良好：http://d2o0t5hpnwv4c1.cloudfront.net/234_tooltip/Demo/index.html

关于我不能在IE8中工作的错误，我有什么想法吗？

非常感谢，

Kamili

Answer 1

问题不在于工具提示，问题来自您的其他脚本。

检查文件js_random.js，它在第一行有错误。

尝试删除此功能并查看IE的反应

 function newWindow() {
  document.getElementByClass('new').target = "_blank";
 }

javascript中没有名为getElementByClass的方法，它是getElementByClassName

Answer 2

我认为IE存在语法错误的js问题。

消息：语法错误
  行：1
  Char：1   代码：0   URI：http://www.pearlofthewest.com/js/js_random.js

如果脚本位于单独的js文件中，则不需要该标记。

Answer 3

谢谢Drackir。我将缩小图像并删除那些img属性。我更改了betterTooltip.js文件参数，指定了工具提示的放置位置：

/* Position the tooltip relative to the class 
           associated with the tooltip                */
        setTip = function(top, left){
            var topOffset = tip.height();
            //var xTip = (left-30)+"px";
            //var yTip = (top-topOffset-60)+"px";
            var xTip = "55%";
            var yTip = "340%";
            tip.css({'top' : yTip, 'left' : xTip});
        }

我评论了作者的定位并放置了我自己的位置，因为它将bettertooltip相对于它所附加的元素定位：我希望它显示在一个地方，而不管访问者在哪个元素上徘徊。我会再次重新检查定位。

感谢rucsi和runrunforest，我删除了js_random.js文件的链接，因为它不需要。

jquery更好的工具提示w / Awesomeness - 工具提示不在IE 8中显示

3 个答案: