1

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

http://adnansiddiqi.com/main.html

当您单击任何框时，例如关于框，它会显示页面和右侧的十字X ，悬停时应显示 HAND 光标，单击时应重置状态，即带框。该代码在 Chrome(Mac) 上完美运行，但在 FireFox 11(Mac) 上不运行

如果这违反了共享个人 URL 的条款，请原谅我，但上帝知道我已尽力将主代码粘贴到 jsFiddle 上，但遗憾的是，要求 jsFiddle 代码也无法在 CHrome 上正确执行，所以除了提供实际 URL 外，我别无选择. 尽管我删除了所有具有个人风格的东西。Fiddle的链接如下：

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

我正在拉扯我的头发，却找不到任何明智的线索。

请帮助我！

谢谢

4

2 回答 2

2

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

于 2012-04-26T22:47:12.700 回答
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
}

我希望这有帮助:)

于 2012-04-26T23:05:57.513 回答