Question

我的个人网站上有一个奇怪的问题。我正在改进它，并有一些DIV和SPAN元素。由于某些未知原因，Firefox没有调用我通过jQuery附加的click事件。代码在Chrome上正常运行。以下是示例网址：

当你点击任何一个方框时，说出关于框，它然后显示页面和右侧的交叉 X ，在悬停时它应该显示一个HAND光标并点击它应该重置状态，即带好盒子。该代码在Chrome（Mac）上运行良好，但在FireFox 11（Mac）上运行不正确

请原谅我，如果它违反了共享个人网址的条款，但上帝知道我尽力将主代码粘贴到jsFiddle上，但遗憾的是，要求jsFiddle代码在CHrome上没有正确执行，所以除了给予我别无选择实际的URL。虽然我删除了所有可以提供个人风格的东西。小提琴的链接如下：

http://jsfiddle.net/RGL7a/20/

我正在拉我的头发并找不到合理的线索。

请帮帮我！

由于

Answer 1

div＃bigcontent遮住你的十字架，可能是-10％的边距，而ff也不支持光标使用指针的手值。

Answer 2

首先，hand属性的cursor值是旧的Microsoft声明。您可以在此页面的不同浏览器中看到它的支持： http://www.quirksmode.org/css/cursor.html
显示此光标手的“新”方式是使用pointer值。因此，将此hand值更改为pointer会有所帮助。但不是一路走来的。

另一个问题是主要问题，就是你不能点击十字架。原因是，它上面有一个分区。为了解决这个问题，我会absolute position这个元素，并给它一个非常高的z-index，这样你就可以确保十字架始终位于顶部。
所以我会将.cross的样式更改为以下内容：

.cross {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 2.0em;
    float: right;
    color: #B9C0C7;
    cursor: pointer;
    position: absolute;
    top: 25px; //this puts the element right underneath the top bar
    right: 2%; //so that it has the same distance from the right side, as you defined with padding-right
}

我希望这有任何帮助：）

Firefox：点击不调用SPAN标记的事件

2 个答案: