兩個Mac瀏覽器上的透明度問題（格式修正版）

[Lukhnos D. Liu]

最近遇到兩個和透明度（opacity）有關的問題。

一個是Firefox 2.0的Mac版本（不管是任何一種build），
只要頁面上有任何一個可見元素有低於 1 的 opacity，
整頁的文字都會變得相當細瘦。詳細的問題描述請參
考這裡。根據討論，原因應該是出在Firefox在Mac上繪
製兩種有透明度的文字時，是先繪至在一張bitmap
buffer裡。而OS X並不支援在bitmap buffer裡的subpixel
rendering（雖然有anti-aliasing；事實上，iTerm的文字看起
來和一般OS X應用程式不同，問題也出在這裡）。

另一個則是神秘的Safari問題。如果你的頁面上有加上
了透明度的overlay，只要元素一多，Safari的頁面載入
速度、tab切換速度，以及例如使用Scriptaculous的sortable
時的反應，就會變得無比慢。一開始以為這是
Scriptaculous的錯，沒想到只要把opacity拿掉，Safari突然
就回神了。

測試網頁可參考慢板[1]跟快板[2]。差別只在overlay是
否有opacity。建議並列兩個tab來切換，感覺就更明
顯。不，使用MBP並沒有幫助，更不用說iBook/PowerBook使
用者了。

WebKit無此現象。Firefox當然沒有。

d.


[1] http://lukhnos.org/happydesigner/slowsafari/slow.html
[2] http://lukhnos.org/happydesigner/slowsafari/fast.html