課程
/前端開發
/Sass/Less
/Sass進階篇
那兼容方面呢?IE不太兼容alpha
2016-04-07
源自:Sass進階篇 4-2
正在回答
IE9以前都不支持這個函數,但是有一種方法可以做兼容效果:
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20222222,endColorstr=#20222222);//IE6-8
--------------------------------------------------------------------------------------------------------------------
DXImageTransform.Microsoft.gradient濾鏡里的startColorstr參數值是#AARRGGBB形式的,其中的AA是代表不透明度的十六進制,00表示完全透明,FF就是全不透明,化成十進制的范圍就是0~255,剩下的RRGGBB就是顏色的十六進制代碼。例子中background: rgba(125, 0, 0, .3);表示的是30%不透明度的紅色背景。
把30%的不透明度轉換成十六制呢的方法如下:先計算#AA的的十進制x,x/255 = 3/10,解得x=3*255/10,然后再把x換算成十六進制,約等于4B。
舉報
對Sass其它較有難度的部分進行講解,包括常用控制命令、函數
2 回答谷歌瀏覽器調試scss,沒法在調試器里看見scss文檔里的內容
1 回答scss里index()使用場景在哪里?
1 回答-webkit-min-device-pixel-ratio: 1.5 這怎么使用 兼容性怎么樣 求誰給我私信解釋下
3 回答background: $rgbaColor; 能顯示。 background: rgba($rgbaColor,.6); 就報錯為什么呢?
1 回答Introspection函數有什么實用性的?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-04-13
IE9以前都不支持這個函數,但是有一種方法可以做兼容效果:
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20222222,endColorstr=#20222222);//IE6-8
--------------------------------------------------------------------------------------------------------------------
DXImageTransform.Microsoft.gradient濾鏡里的startColorstr參數值是#AARRGGBB形式的,其中的AA是代表不透明度的十六進制,00表示完全透明,FF就是全不透明,化成十進制的范圍就是0~255,剩下的RRGGBB就是顏色的十六進制代碼。例子中background: rgba(125, 0, 0, .3);表示的是30%不透明度的紅色背景。
把30%的不透明度轉換成十六制呢的方法如下:先計算#AA的的十進制x,x/255 = 3/10,解得x=3*255/10,然后再把x換算成十六進制,約等于4B。