gpt4 book ai didi

flash - 我怎样才能使用 CSS3 实现相同的导航? (目前闪存 AS3)

转载 作者:行者123 更新时间:2023-11-28 19:01:06 27 4
gpt4 key购买 nike

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

我使用 Adob​​e 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/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com