Flash底下硬是長出空白背景區域！？

昨天在做網頁的時候發現了一個奇怪的現象，就是Flash的物件在IE6底下看起來很正常，但在Firefox上卻不是那麼一回事；也許你會說這是瀏覽器的不同，但是怪就怪在這東西的組成一點兒都不難，就是表格中由上而下放了兩個Flash，最底下只放一張圖，完全是一整個簡單到不行！但是卻讓我怎麼也想不透原因！為什麼Firefox硬是要在底下多出幾個像素的空白，竟然把我要的畫面撐破了！

後來才知道，也是推測最可能的原因是「Object」標籤的問題。有時候Firefox會把<Object>視為「行內(inline)」元素，也就是當作一般的文字來看待；既然是文字，就會有文字應該有的高度、大小等實體空間的存在。

如果我們把行高與字體大小皆設為0也可解決這個問題！不過，還有另一個方法，就是把Object的display屬性設成是區塊(block)，只要用CSS指定如下即可：

object{
display:block;
}

設為區塊屬性(display:block)之後，該區域在Dreamweaver 8.0的設計模式中會產生雙倍高度的怪異現象…也就是明明只放了一個Flash元件，但Dreamweaver看起來卻是兩個一樣的東西上下黏在一起！

由於之前都未曾遇到Flash元件object所造成的問題，因此我也不排除公司軟體老舊的因素…(一直很期待公司能給我換新電腦、新軟體…orz)。