应用错误收集

我正在开发一种产品，供我们的Web应用程序中的许多客户使用。

快速背景：

“亮点”效果实际上涉及一些z-index技巧;我们在最大支持的z-index下方创建一个半透明的“背景”<div>，以使页面变灰;然后，我们将小部件的z-index调整为位于半透明背景之上。视觉效果应该如下所示：

然而，在Safari和某些条件下的Firefox中，似乎存在某种渲染工件，阻止其按预期显示：

从截图中可以看出，一些元素（我们的徽标图片和持有广告的<iframe>仍然是“明亮的”，如预期的那样。但是，小部件的其余部分仍然被遮挡。

我一直在寻找Firebug很长一段时间来试图解决问题的根源，但我没有任何启示。我希望有人经历过类似的问题，或者认识到这种问题的“视觉签名”。或者，如果你只是熟练使用JavaScript / jQuery和/或Firebug，我真的可以帮助你找出这种方法的不足之处。

我创建了一个测试bookmarklet作为实例。要看到它，请：

打开Firefox（正在开发的版本目前只能在那里可靠地运行）。
转到此页面并将链接拖到您的书签栏：Example Bookmarklet
导航至：http://www.sfgate.com/cgi-bin/article.cgi?f=/n/a/2010/07/30/sports/s170637D86.DTL
点击该页面上的书签，您应该看到我所指的内容。

非常感谢非常提供任何帮助！这令我感到困惑。