2008年2月17日

在 Firefox 底下重疊圖層及 Flash 選單失效問題

問題陳述

在製作 Flash 下拉式子選單時,我發現在 Firefox 底下,若 Flash 設為透明背景,其所在圖層又與其它圖層重疊的情況下,即使 Flash 所在圖層位於最上層,也會使和其他圖層相疊的的 Flash 部份失去原有的效果。如下圖所示:

解決方法

Flash 不使用透明背景,改用 CSS 控制圖層的顯示和隱藏。

 

CSS 寫法

#menu {
    height: 30 px; /* 原為 Flash 的高度,改為主選單部份的高度 */
    overflow:hidden;
}
#menu:hover {
    overflow:visible;
}

待解決

即使如此設定,Firefox 仍然有個小問題:滑鼠放在 Flash 上時,Firefox 似乎並不會判定滑鼠已放在該圖層上,滑鼠必須先滑過 Flash 以外的部份讓圖層先顯示出來,Flash 選單才能作用。

沒有留言: