阿維雜記本 (Wei's Blog)

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

文章發佈於 : 2010-02-04 23:07:32 | 文章分類 : 程式相關

網頁中加入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不會一直顯示在網頁層次的最上層了。

閱讀全文 | 回應(0)

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

文章發佈於 : 2010-02-04 00:08:47 | 文章分類 : 笑話蒐集簿

標籤 : FireFox ,CSS ,cursor

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

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

對不起....讓大家冷爆了

閱讀全文 | 回應(1)

希特勒也對iPad不爽

文章發佈於 : 2010-02-01 00:11:27 | 文章分類 : 笑話蒐集簿

標籤 : iPad ,搞笑

製作這段影片的人實在是太有創意了

閱讀全文 | 回應(0)

iPad和石頭的比較表

文章發佈於 : 2010-01-31 21:04:48 | 文章分類 : 笑話蒐集簿

標籤 : iPad ,Apple

剛剛在Tech Crunch看到iPad和石頭的比較表，記得當初iPhone推出的時候也有這樣的比較表。真想給整理這張表的人一個讚。

iPad

閱讀全文 | 回應(1)

Google即將停止對IE6的支援

文章發佈於 : 2010-01-31 20:58:36 | 文章分類 : 電腦網路

標籤 : 瀏覽器

Slashdot 的文章提到Google To End Support For IE6，Google這樣做或許是為了避免之前透過微軟漏洞攻擊的事件再度發生。但是阿維看到的是，所有寫web應用程式的人應該可以逐漸擺脫IE 6的惡夢了。

這些使用IE 6的人可以選擇使用其它的瀏覽器或者是將IE升級為IE 7或IE 8，不管是選擇哪一種方式，都宣告使用IE 6的人將逐漸的減少，減少的頻率或許會因為Google這樣的動作而加快。這樣一來將可以拯救眾多的web應用程式開發者脫離IE 6老是搞的網站亂七八糟，然後還要額外花時間去處理IE 6的惡夢。

閱讀全文 | 回應(1)