一些固執的用戶在瀏覽器選項中選擇了IE6,這時候,我們需要考慮IE6支持哪些CSS濾鏡。
.filter { /* Alpha濾鏡 */ filter: alpha(opacity=50); /* Blur */ filter: blur(strength=5); /* DropShadow */ filter: dropshadow(color=gray, offx=2, offy=2, positive=true); /* Glow */ filter: glow(color=yellow, strength=3); /* Gradient */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#000000'); /* Shadow */ filter: shadow(color=red, direction=135, strength=3); }
如上述代碼所示,IE6支持一些常見的CSS濾鏡,包括Alpha濾鏡,Blur,DropShadow,Glow,Gradient和Shadow。其中,Alpha濾鏡可用于設置元素的透明度,Blur可用于添加元素的模糊效果,DropShadow可用于在元素周圍添加陰影,Glow可用于使元素以發光的形式突出,Gradient可用于添加元素的漸變效果,Shadow可用于在元素周圍添加陰影。
需要注意的是,由于IE6早已不再被廣泛應用,為了提高用戶體驗,我們應該將盡可能少地使用CSS濾鏡,并盡可能多地使用CSS3和JavaScript實現需要的效果。