2013-10-03 249 views
1

我正在設計一個div,它使用jQuery在選中時向div添加.active類。 div的背景是一個漸變,我想保留。我正在使用filter:屬性在IE中顯示漸變。活動類將背景修改爲純色,但在IE中,filter: CSS屬性會覆蓋.active樣式。IE漸變濾鏡背景覆蓋活動背景顏色

有沒有解決這個問題,所以.active類將在IE中顯示正確的背景顏色?

見這個例子:http://jsbin.com/eDEjuzu/1/

感謝

回答

1

只需添加filter: none.active類。對於使用filter屬性的IE6-9漸變覆蓋正常的background值,因此除了更改背景顏色之外,您還需要取消hover上的漸變過濾器。

Updated JSBin

+0

哎呀,我不能beleive我沒想到到設置爲'過濾器:none'。感謝您的額外信息! – user2062244

+0

沒問題!對於使用SVG代替過濾器的IE9,也有一種替代的漸變方法,它允許您執行多級漸變。我通常使用Colorzilla出色的[漸變編輯器](http://www.colorzilla.com/gradient-editor/)來實現複雜的漸變和向後兼容性。謝謝你標記這個答案:) – Ennui