2010年8月11日 星期三

‹table›的隱藏/顯示效果在Firefox上的問題

這段期間製作的Prototype發現,我們習慣透過javascript撰寫網頁內容動態顯示/隱藏(display為none或block)效果。

然而若將此效果設定在‹table›上,在變換效果之後,FireFox會以table欄位裡資料(圖或文)實際多寡來呈現table的大小,也就是說若table裡資料很少,在一次切換效果之後,table會突然變小造成跑版。然而這問題在IE上卻不是問題!!

解決的方式為可在‹table›外包一層‹div›,將動態顯示/隱藏的效果從table身上改到div上,如此一來Firefox的跑版問題就解決摟!!