三国畅游网

最近被空间透明flash模块折腾得够呛，本来想着网上找个教程五分钟搞定，结果踩坑踩到怀疑人生。昨天下午实在憋不住了，撸起袖子自己折腾了三小时，总算摸出门道了，今天必须把血泪经验给大伙捋明白。

第一步：栽坑栽出来的素材准备

我先拿PS现画了个蓝色方框当底板，寻思着做个简单的半透明白色波纹效果。导出flash的时候手贱勾了透明背景选项，结果塞进网页里一瞅，好家伙！波纹直接变全屏闪瞎狗眼的幽灵白光，吓得我差点把咖啡扣键盘上。

小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区





• 透明特效必须用PNG序列帧！直接导SWF根本认不出透明通道
• PS里每个图层都得拆开存，波纹特效单独导出一套图

第二步：Animate里瞎搞混色模式

重新打开Animate建了个550×400的画布，先把之前的蓝色底板拖进去锁定。接着导入那套波纹PNG序列，这时候重点来了：选中波纹图层，在属性面板的显示选项里狂戳下拉菜单。

挨个试了十几遍发现：

• 选「正常」模式：白色波纹把蓝底板全挡死
• 选「叠加」模式：波纹变成半透明但边缘发灰
• 选「变亮」模式：嚯！透明波纹像融进水里似的透出蓝底板

随手在时间轴戳到第20帧处，波纹刚好荡开的效果不要太治愈。

第三步：发布时差点前功尽弃

兴冲冲点发布设置时手又抖了，默认的HTML包装器里藏着个巨坑——发布预览里明明透明效果美滋滋，实际生成的HTML文件打开却只剩个白框。

对着代码瞪了半小时才发现：

• 在发布设置里勾选「透明」根本没用
• 必须手动打开生成的HTML文件
• 找到wmode="opaque"改成"transparent"

改完保存刷新网页，终于见到蓝色底板上浮动着的透明涟漪。这时候想起中午被甲方催着改需求时啃冷掉的煎饼，突然觉得这波纹特效像极了我哗哗流的眼泪。

结尾加个更扎心的：这套玩意儿搞好后发给运营妹子测试，结果人家说现在谁还用flash，我当场把改好的HTML文件拖进了回收站。