使用透明图片或更好的javascript禁用单击特定区域？

我有一个我根本不想在我的网站上点击的区域，但我可以看到

假设这是一个视频，我只允许他们使用控制播放器，而不是像youtube或任何其他网站那样通过点击视频来使用播放/暂停

我有一个想法，使用透明照片重叠的地区，我不希望被点击

但是失败了，因为我使用的css永远无法成功地将其放在正确的位置

所以我想知道是否有一种方法可以通过css或javascript阻止用户点击我想要的区域

---

谢谢

我唯一能想到的跨浏览器方式就是使用iframe垫片。与其他元素不同，iFrame可以位于flash内容之上

<iframe width="70%" height="500px" name="about" src="about.html" frameborder=0 ALLOWTRANSPARENCY="true"></iframe>

---

src:

使用flash内容会变得很棘手，因为在很多浏览器中，任何flash内容都会自动位于顶部，无论你是什么

z-index

assign@iliacholy这太糟糕了，因为我在一个网站上嵌入了代码，每当有人点击视频时，他们就会制作一个非常恼人的视频嵌入行为[不是控制部分]它将转到他们的站点

iframe.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';