IE7是一個相對古老的瀏覽器,它的CSS支持相對比較弱,尤其在徑向漸變的實現(xiàn)上就顯得比較薄弱。但是,我們在使用CSS徑向漸變時,也需要考慮到IE7的兼容性問題,因為依然有一定的使用人數(shù)。下面我們就來了解一下,如何使用CSS徑向漸變來兼容IE7。
/* CSS代碼片段-徑向漸變IE7兼容性方案 */ background: #3399cc; /* 設(shè)置一個背景色,防止?jié)u變不生效時出現(xiàn)突兀的效果 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55ffffff',endColorstr='#ffffff',GradientType=0); /* 使用IE濾鏡來模擬徑向漸變 */ /* 在這里需要注意,IE濾鏡的起止顏色設(shè)置與CSS徑向漸變略有不同 */ /* startColorstr設(shè)置徑向漸變的起始顏色,以十六進(jìn)制形式表示,由透明度和顏色值組成,透明度值范圍在00-ff之間 */ /* endColorstr設(shè)置徑向漸變的結(jié)束顏色,同樣以十六進(jìn)制形式表示 */ /* GradientType=0表示徑向漸變,GradientType=1表示水平漸變,GradientType=2表示垂直漸變 */
通過上述代碼我們可以看到,IE7中實現(xiàn)徑向漸變的關(guān)鍵在于使用IE濾鏡來模擬。我們需要設(shè)置起始顏色和結(jié)束顏色的值,并設(shè)置濾鏡類型為徑向漸變。
需要注意的是,CSS徑向漸變與IE濾鏡的起止顏色設(shè)置略有不同,所以我們需要特別注意這一點。
在頁面的實際應(yīng)用中,我們可以將上述CSS代碼片段保存成一個單獨的CSS文件,在需要使用徑向漸變的地方,通過在HTML代碼中引入該CSS文件即可實現(xiàn)IE7的兼容性問題。
上一篇css 100be fv
下一篇css 鏈接文字顏色