css - 在 SWF 上覆盖透明 PNG 会禁用 SWF 中的所有点击事件

Question

我正在尝试通过 CSS(绝对定位)将透明 PNG 定位在 SWF 影片上。但是，当我将 PNG 直接放在 SWF 上时，SWF 上的所有单击操作似乎都被禁用了。 SWF 要求使用您的网络摄像头，但您无法单击任何按钮。检查this link举个例子。您可以找到 CSS here和 png在这里。

这就像 PNG 充当您无法点击的覆盖平面。我已经在 CSS 和 SWF 中尝试了一些透明属性，但似乎没有任何效果。对这种特殊情况有什么想法/建议/经验吗？

谢谢

Answer 1

您的怀疑是正确的:PNG 位于您的 Flash 作品之上的图层中，您无法点击它。

既然您只是将 PNG 用于圆 Angular ，为什么不尝试以下操作:

1. 创建 4 个 div，每个 Angular 一个
2. 在您的样式表中，给它们绝对定位，您的 PNG 作为背景图像，背景重复设置为“不重复”，以及明确的高度和宽度，即圆 Angular 的确切大小。
3. 在每个 Angular 的基础上，使用 background-position 将 PNG 背景滑动到位。
4. 为每个 Angular 设置 top 和 left 属性以将它们卡入到位。 (由于 div#corners 本身具有绝对位置，因此它们将位于正确的位置。)

基本上，把你的 Angular 落变成CSS sprites .

编辑:您可能仍然会遇到 div#corners 具有明确的高度和宽度并充当图层的问题。在这种情况下，您可能希望完全废弃它并绝对定位 Angular 落 wrt div#corners 的父元素。