链接到我的实际 Flash 演示:http://nside-elite.techiedesign.net/redbox/flashtest.html
我使用 Adobe Flash(AS3 脚本)创建了这个导航，效果非常好。问题是我在网站的 CMS 中使用 Drupal。尝试使用 Drupal 实现这种 Flash 导航本身就是一件很麻烦的事情。但即便如此，它也很难足够灵活，以至于我可以根据需要通过 Drupal 的主链接更改链接。
使用基于 flash 的导航的最后一个缺陷(即使假设我可以让它工作)是，如果我的代码使用大量 hack 来直观地显示，蜘蛛和机器人可能无法正确索引站点它工作。
现在，我可以使用 CSS 进行自己的研究和编码，因为我对 CSS 2.1 非常熟悉并且目前正在学习基本的 CSS3。我看到的问题之一是我在鼠标悬停时使用的效果。我看不出如何让金属标签在鼠标悬停时掉落，同时让金属标签上方的光线淡入。我之所以认为这是一个问题，是因为灯光上的可点击(或“悬停区域”)区域并不直接位于实际图像的上方，而是下方相当多的像素。
如果您至少能为我指出正确的方向，那就太好了。谢谢!
最佳答案
当然可以复制它，但并非没有一些技巧。
你可以在这里看到一个工作示例: http://jsfiddle.net/u3n5c/
解决问题的本质是意识到即使父容器小于其子容器也会触发 :hover 事件。从视觉上看，行和选项卡似乎是独立的元素，但在代码中它们是典型的 li > a。
关于flash - 我怎样才能使用 CSS3 实现相同的导航？ (目前闪存 AS3)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5768799/