2012-09-08 90 views
0

嗨〜我正在我的个人网站上工作。JavaScript无法在Chrome或Firefox上工作

我想用我下载的java脚本实现“图像幻灯片放映”效果。

它在IE上运行良好,但它不适用于Chrome或Firefox。

PS:原始下载的文件在Chrome上运行良好,但在将它放到我的网站后,问题就出现了。

这里是我的地盘:http://iphrog.244213.dprktimes.com/ 这里是Java脚本示例代码:http://iphrog.244213.dprktimes.com/index2.html

它们使用相同的js文件,但js文件无法在Chrome为我的网站工作。

最新问题?

+3

http://validator.w3.org/check?uri=http%3A%2F%2Fiphrog.244213.dprktimes.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0表示您的网站存在错误html代码(div在66行中未打开)。也许你想先解决这个错误。 – JohnB

+0

我不确定,但是让我震惊的是:如果我将鼠标悬停在图像上,鼠标指针不会改变。因此,出于某种原因,标签无法识别。我的猜测是,你的CSS或你的HTML有问题。是否有一些“透明”物品位于图像的前方,导致点击无法识别? – JohnB

+0

@JohnB我确定有。如果不对源文件进行排序,则无法检查箭头元素。 – Daedalus

回答

2

问题是您的div的ID为content有一个z-index的-1000。这会导致它无法检测到您的元素上的任何点击,因为它是“背后的一切”。删除此样式,将其设置为0或将其设置为非负数,并且脚本正常工作。

+0

谢谢,它的工作原理!但新的问题来了,哈哈。我使用了“z-index”,因为我希望标题部分的阴影在内容部分之上...如果我将z-index设置为0,则内容部分位于阴影之上。 – iPhrog

+0

我已经解决了我自己的影子问题!非常感谢! @Daedalus – iPhrog

相关问题