IE10是微軟公司推出的瀏覽器版本,作為Windows 8的默認瀏覽器,它支持許多新的前端技術,比如漸變(gradient)。
/* 漸變背景 */ background: linear-gradient(to right, #ff0000, #00ff00); /* IE10及以上瀏覽器漸變背景 */ background: -ms-linear-gradient(to right, #ff0000, #00ff00);
在CSS中,通過漸變可以實現各種各樣的效果,比如頂部漸變、底部漸變、徑向漸變等等。我們可以在起始點和結束點之間設置顏色,IE10中可以使用-MS-前綴來實現漸變效果。
除了上述的線性漸變(linear-gradient)之外,IE10還支持徑向漸變(radial-gradient),具體實現方法與線性漸變類似。在IE10中,我們只需要添加-MS-前綴即可。
/* 徑向漸變背景 */ background: radial-gradient(circle, #ff0000, #00ff00); /* IE10及以上瀏覽器徑向漸變背景 */ background: -ms-radial-gradient(circle, #ff0000, #00ff00);
IE10中的漸變效果使前端開發變得更加豐富和多彩。如果你正在開發一個面向IE10及以上瀏覽器的網站,不要忘記使用-MS-前綴來實現漸變效果。