IE Opacity Bug

先看這頁:jquery-animate.html,用 以及 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 還蠻麻煩的...

5 thoughts on “IE Opacity Bug”

Leave a Reply

Your email address will not be published. Required fields are marked *