IE下 jquery的fadeIn與fadeOut方法失效的BUG

IE下 jquery的fadeIn與fadeOut方法失效的BUG

這個問題遇到過好多次,因爲沒有做筆記,所以每次遇到這個問題都要研究半天。好記性不如爛筆頭,這話一點沒錯。

  • 解決方案:
  • 第一步:在fadeIn()之前動態的將其position屬性改爲relative; 會解決IE7下的這個bug
$('.fadein').css('position', 'relative').fadeIn();
  • 第二步:在你子元素有position屬性的元素加 filter: inherit; 當前元素的第一層子元素也要加。
.picbox{position: relative; filter: inherit}

這兩條一結合 IE678 的問題就都解決了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章