2010-09-01 26 views
0

我在整个我正在开发的网站中使用Nivo幻灯片(http://nivo.dev7studios.com/)...除了在Internet Explorer中链接仅在鼠标是没有悬停在幻灯片中的文本 - 在其他浏览器中,您可以单击幻灯片中的任何地方(图像上,标题上,标题上等)......但在IE中由于某些原因链接在悬停时无法使用在文本上?有任何想法吗?这里是链接到网站 - 大多数页面上有幻灯片:http://www.arcaspicio.squarespace.com链接下方的文本正在妨碍Internet Explorer

非常感谢!

回答

0

这只是一个浏览器的怪癖,你将不得不破解你的方式。

某些浏览器在鼠标悬停在文本上时会接管鼠标,或者文本被视为无法点击的图层(即使它看起来透明),因此您需要执行下面的操作(未经测试):

$(".nivo-caption").hover(function() { 
$(this).css('cursor','pointer'); 
}, function() { 
$(this).css('cursor','auto'); 
}); 

$(".nivo-caption").click(function() { 
    var url = 'somewhere'; 
    document.location.href = 'wherever'; 
}); 

你需要玩的选择等,你也将需要做一些与URL即从点击文本的父母或兄弟姐妹等获取URL

+0

谢谢你的提示!我会试一试...我的猜测是,得到所需的url将会非常棘手。似乎应该有一个更简单的方法来解决IE错误。 – VUELA 2010-09-04 00:03:15

+0

事情是用这个nivo幻灯片scipt设置的,我很难抓住所需的链接。这不是一个简单的父类型布局 - 任何建议? – VUELA 2010-09-16 22:50:45