css - 如何使重叠 Flash 下的 HTML 易于访问

标签 css flash xhtml

我有一个带有透明背景的 Flash header ,它包含在一个相对定位的 div 中,z-index 为 10。由此产生的效果允许我的具有透明窗口模式的 Flash 电影重叠并悬停在 HTML 内容上。不幸的是,无法访问隐藏在 Flash 下的 HTML。例如, anchor 将不起作用。一个example can be found here .请注意 anchor 链接的最顶部是如何不激活悬停状态的?我以前见过 Flash 翻转与 HTML 内容重叠,而 HTML 仍然正常工作...我做错了什么?

最佳答案

据我所知,没有办法阻止这种情况。重叠的透明图像和 Flash 无法进行逐像素点击。您有两个选择,将整个网站制作成 Flash,或者使用 HTML 发挥创意。

例如,您的“齿轮”按钮可以分成两部分; z-index 低于 Flash header 的底层图像,以及 <a>标签可以被赋予更高的 z-index,这样链接的实际可点击区域就会悬停在其他所有内容之上,不可见。

为此,您需要考虑以下几点:

  • <div>负责存放图像,您可以使用 <img>background-image风格。
  • <div><a>标签必须是独立的,不能嵌套在一个容器中
  • <a>必须使用 display:block; 设置样式这样就可以给它一个宽度和一个高度
  • <div><a>高度和宽度必须相同
  • 您可能希望使用绝对定位来使它们正确重叠

关于css - 如何使重叠 Flash 下的 HTML 易于访问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/628013/

相关文章:

javascript - 模态弹出窗口内的 Canvas 签名板效果不佳

javascript - 使用 prefixfree.js 时看不到渐变

java - 在 Windows 中通过命令行连接到套接字并发送数据

jQuery toggle show XHTML Smarty some clahes 也许吗?它不显示

html - 如何将 <div> 元素放在我无法访问的另一个类或 div 之后

html - 如何制作 Angular Material 卡以占用可用的垂直空间并使其内容可滚动

java - 开源基于网络的屏幕共享

javascript - 是否可以在 IE6+ 中使用 swfobject 2+ 将 SWF 嵌入到表单中?

xhtml - 浏览器将如何区分 XHTML 1.0 和 XHTML 5?

html - xhtml 1.0 strict 和 xhtml 1.1 有什么区别?