如果您访问此链接:http://pearlofthewest.com/并使用chrome或firefox查看页面,则当鼠标悬停在幻灯片查看器中的图像上方时,betterTooltip图像/文本会显示出来。在Safari中,会显示betterTooltip,但幻灯片查看器div的位置要靠右很远。在IE8中,将鼠标悬停在图像上方时,betterTooltip根本不显示。
我已经查看了pngfix,并尝试实现ie8.js pngfix,看看这是否是问题所在,但是betterTooltip仍然不能在IE中显示。我的css中是否遗漏了什么?
当您访问教程演示站点http://d2o0t5hpnwv4c1.cloudfront.net/234_tooltip/Demo/index.html时,betterTooltip在IE中运行良好
对于我做错了什么让它不能在IE8中工作有什么想法吗?
非常感谢,
卡米利
发布于 2011-03-05 03:50:55
问题不在于工具提示,而在于你的其他脚本。
检查文件js_random.js,它在第一行有一个错误。
尝试删除此函数,并查看IE的反应
function newWindow() {
document.getElementByClass('new').target = "_blank";
}
javascript中没有名为getElementByClass的方法,它是getElementByClassName
发布于 2011-03-05 03:54:14
我认为IE的js有语法错误的问题。
消息:语法错误
行:1
字符:1代码:0 URI:http://www.pearlofthewest.com/js/js_random.js
如果您在单独的js文件中有一个脚本,则不需要标记。
发布于 2011-03-05 04:28:08
谢谢,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});
}
我注释掉了作者的set位置,并放置了我自己的set位置,因为它相对于它所附加的元素定位了较好的工具提示:我希望它显示在一个位置,而不管访问者悬停在哪个元素上。我再检查一下位置。
感谢rucsi和runrunforest,我删除了指向js_random.js
文件的链接,因为它不是必需的。
https://stackoverflow.com/questions/5198433
复制相似问题