需求：實現乙個層旋轉270deg，ie系列瀏覽器全相容
原始碼：
做個demo測試下
問題：
ie9下旋轉角度不正確！
問題所在：
ie9下會重複應用filter和 -ms-transform,會導致旋轉角度不正確
解決方法：
方法1：
取消ie9下的濾鏡css：
:root #demo
這裡用到了css3 :root 選擇器：所有主流瀏覽器均支援 :root 選擇器，除了 ie8 及更早的版本，而濾鏡filterk只有ie9以及更低的ie版本才支援，ie10開始已廢棄不支援filter，這樣剛好可利用:root來實現針對ie9的hack!!
裝了ie10或更高版本的ie，可用ietester新建ie9模式標籤檢視上面**執行效果。
(注意：裝了ie10或更高版本的ie，即使將文件模式調成ie9，會發現上面 的**也顯示正確，合理的解釋是：ie10開始已廢棄不支援filter，即使文件模式調成ie9，filter也不會生效！另外提一下 css \9 寫法是針對ie所有版本的hack寫法，網上說的只是針對ie6~8的hack說法是錯誤的！)
方法2：
用ie獨有條件注釋，把filter樣式抽出來放到注釋裡面去，鑑於條件注釋只能寫入到頁面上，所以還是推薦方法1去解決」ie9下會重複應用filter和 -ms-transform,會導致旋轉角度不正確「這個問題
當然，還要放出方法2的原始碼：
做個demo測試下
IE6 8 filter雙重濾鏡bug
最近在做乙個旋轉木馬的特效時候碰到了乙個很詭異的問題在ie8以下的ie核心瀏覽器中，當乙個父級定義了filter的alpha時，如果它子級也有濾鏡則這個層中的文字全部會變為灰色 小半透明形式展示 如下例 內容介紹 這個時候在ie下層裡面的內容字型色展示效果會偏差非常大 特別是當filter中的opa...
IE8相容rgba 濾鏡filter的用法
今天遇到了乙個問題，要在乙個頁面中設定乙個半透明的白色div。這個貌似不是難題，只需要給這個div設定如下的屬性即可 css view plain copy background rgba 255,255 255,1 但是要相容到ie8。這個就有點蛋疼了。因為ie8不支援rgba 函式。下面我們總結...
IE濾鏡 漸變
文章 gradient，漸變濾鏡。語法 filter progid dximagetransform.microsoft.gradient 完整寫法 filter progid dximagetransform.microsoft.gradient enabled ture gradienttype...