同一组JS仅适用于一个,而其他人不在IE上工作

时间:2014-07-11 09:33:14

标签: javascript jquery html css internet-explorer

我对网络建设比较陌生,所以这个问题可能很容易让你回答,但我已经尝试查找可能的解决方案并且根本没有发现任何线索,这是我唯一的希望。

我正在尝试操作FB中的效果,您可以使用上一个/下一个箭头和一个关闭按钮导航帖子。我自己创建了带有图像的按钮,我想编写脚本,以便在点击时移动/返回/关闭内容框,而不会实际从页面跳到页面。

我基本上借了一个stackoverflower的家伙(懒得再找到页面,抱歉:P)脚本来制作它,并且它可以正常使用chrome。问题是,它不适用于我的IE,我不知道为什么。

这是在IE中不起作用的部分(我认为): http://jsfiddle.net/ZfRW5/1/ (请忽略图片链接)

在IE中,我可以点击图片来访问叠加层,但是一旦打开叠加层,导航按钮(下一个,上一个和退出按钮)就会变得不可点击。 这对我来说是完全奇怪的,因为我对所有这些使用相同的脚本,而显然有些作品有些没有。 这是我使用的主要脚本:

<a href="javascript:void(0)" onClick="document.getElementById('div').style.display='block';document.getElementById('div2').style.display='block'">
<img src="../folder/picture.jpg" width="123" height="456" alt=""/></a>

任何人都可以帮我解决这个问题吗?我非常困惑。

1 个答案:

答案 0 :(得分:0)

position:fixed;代码的子代上使用<a>在多个浏览器中效果不佳。

尝试将position:fixed应用于<a>本身,而不是<img>,并且应该可以正常使用。