IE的濾鏡一直是CSS兼容性問(wèn)題的痛點(diǎn)之一。在IE6、IE7、IE8中,濾鏡都是通過(guò)特殊的代碼來(lái)實(shí)現(xiàn)的。本文主要介紹IE濾鏡中的飽和度屬性。
.ie-filter { filter: progid:DXImageTransform.Microsoft.BasicImage( saturation=50 ); }
以上代碼中,我們可以看到saturation屬性值為50,表示飽和度為50%。其中,DXImageTransform表示濾鏡類型,具體屬性值需要在括號(hào)內(nèi)指定。
不過(guò)需要注意的是,在IE9以上的版本中,濾鏡已經(jīng)被廢棄并不再支持了,因此建議在開(kāi)發(fā)中盡量避免使用濾鏡屬性,尤其是在需要使用到飽和度這類濾鏡時(shí),可以使用CSS3新的filter屬性實(shí)現(xiàn)相同的效果。
.filter { filter: saturate(50%); }
以上代碼中,我們可以看到使用了CSS3的saturate函數(shù)來(lái)實(shí)現(xiàn)相同的效果,同樣的,值為50%表示飽和度為50%。
綜上,雖然IE濾鏡在實(shí)際開(kāi)發(fā)中使用的情況越來(lái)越少,但是如果我們確實(shí)需要使用時(shí),可以通過(guò)以上介紹的兩種方式來(lái)實(shí)現(xiàn)。