先看這頁:jquery-animate.html,用 Firefox 以及 IE 各看一次,然後游標試著在兩個段落上移動看看,在 IE 上應該會變成這樣:
找了資料以後確定這是 IE 的 bug,也有解法:MSIE animated fade problems,解法是設定 background 屬性 (不確定設成底圖可不可以,不過確定 "transparent" 不可以)。經過測試發現可以在 Javascript 裡面設定 background,而不用事先在 CSS 裡面設。
對 IE 的 browser detecting 也很簡單:(Ref:Using the navigator object to detect client's browser)
if (navigator.appVersion.indexOf("MSIE") != -1) { // ... }
目前看起來沒有問題,不過 background 屬性不能是 transparent 還蠻麻煩的...
那是render engine的bug,真的只可以用background color解...background image是沒用的...
***只有Bold了的字才會爛***
沒有Bold的不會有事
跟 bold 沒有關係。
是Bold text才會爛字...
http://jszen.blogspot.com/2005/04/ie-bold-text-opacity-problem.html
因為預設字型不一樣Demo page看起來和你cap screen的不同...
我看的jquery-animate.html,字在mouseover時沒有bold,看起來好好的說...
看看這個幫不幫到你?
http://www.hedgerwow.com/360/bugs/fix-ie-opacity-text.html