Browsing articles from "二月, 2010"
二月
4
2010

如何不讓flash object顯示在最上層

網頁中加入flash object 例如 youtube embedded 影片雖然可以讓網頁增色不少,但是網頁如果使用類似阿維雜記本最下方的wibiya toolbar相同的特效,也就是在網頁顯示中多加一層div來呈現內容,就會發現flash object會顯示在網頁中最上層。如果使用AJAX整頁鎖定特效,例如像colorbox特效,就會看得更明顯。

[ 範例 ]

1. 我們首先在網頁中加入一個youtube的影片

2. 我們希望當按下連結的時候,會出現下面的畫面

3. 可是事與願違,youtube影片會浮現在最上層擋住我們真正要顯示的內容

這時候我們只需要稍微修改一下flash object就可以達成我們想要的功能了。
如果你所使用的flash object是使用符合W3C XHTML標準的寫法 (請參考讓網頁插入的flash符合W3C XHTML標準),那麼只需要在object 後面加上 <param name="wmode" value="opaque" /> 這段就可以。

如果你所使用的flash object不符合W3C XHTML寫法(目前youtube上面所提供的嵌入語法就是屬於這種),那麼請修改以下兩個部分
1. 在object 後面加上 <param name="wmode" value="opaque" />
2. 在embed 的標籤中加上 wmode="opaque",也就是 <embed wmode="opaque" src=xxxxxxx

透過這樣的修改方法就可以讓flash object不會一直顯示在網頁層次的最上層了。

二月
4
2010

阿維冷笑話時間: 因為狐狸沒有手

今天我和同事在上課,課程中提到 cursor:hand 這個css寫法在firefox中沒有作用,如果要讓這個特效生效,必須寫成 cursor:pointer,這樣在firefox中才會有效果產生。

在大家認真聽講的時候,我講了一句超冷的話,因為狐狸(fox)沒有手(hand),所以cursor:hand在firefox才會沒有作用。

對不起….讓大家冷爆了