我怎么能用CSS3实现相同的导航? (目前是闪存AS3)

时间:2011-04-24 05:20:41

标签: flash drupal css3 navigation

链接到我的实际Flash演示:http://nside-elite.techiedesign.net/redbox/flashtest.html

我使用Adobe Flash(AS3脚本)创建了此导航,效果非常好。问题是我正在使用Drupal来访问我网站的CMS。尝试使用Drupal实现这个闪存导航本身就是一项繁重的苦差事。但即使这样,它也很难灵活,以便我可以通过Drupal的主链接根据需要更改链接。

使用基于闪存的导航的最后一个缺陷(即使假设我可以让它工作)是蜘蛛和机器人可能无法正确索引网站如果我的代码使用了大量的黑客,以便在视觉上它工作。

现在,我可以使用CSS进行自己的研究和编码,因为我非常坚定地使用CSS 2.1并且目前正在学习基本的CSS3。我看到的问题之一是我在鼠标悬停时使用的效果。我无法看到如何让鼠标悬停在金属标签上,同时也让它上方的灯光渐渐消失。我之所以看到这个问题的原因是因为灯光上的可点击(或“悬停区域”)区域不是直接位于实际图像的顶部,而是低于相当多的像素。

如果你至少能指出我正确的方向,那就太好了。谢谢!

1 个答案:

答案 0 :(得分:1)

当然可以复制它,但不是没有一些诡计。

你可以在这里看到一个有效的例子: http://jsfiddle.net/u3n5c/

解决问题的实质是实现:即使父容器小于其子容器,也会触发:悬停事件。在视觉上,似乎线和标签是单独的元素,但是在代码中它们是典型的li>一个。