WEB前端一些相容IE8 浏覽器的寫法

相容ie8 rgba()用法

1.background: rgba(255,255,255,.1);設定透明顔色不支援ie8浏覽器，需要使用filter來實作

background: rgba(,,,.);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
           

第一部是#号後面的19 。是rgba透明度0.1的IEfilter值。從0.1到0.9每個數字對應一個IEfilter值。對應關系如下：

第二部分是19後面的六位 。這個是六進制的顔色值。要跟rgb函數中的取值相同。比如rgb(255,255,255)對應#ffffff；都是白色

IE8浏覽器不支援background-size:contain

1.也可以使用filter模拟實作

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src='/res/images/sy_bgwl4_pc.jpg',
            sizingMethod='scale');
           

src為你的圖檔真實路徑

IE8浏覽器不支援scale縮放的

1.可以使用ie特有的縮放屬性zoom來代替

後續有各種相容的處理辦法在陸續補充