透明(顏色)漸變背景(顏色透明背景),相容IE8

2022-08-19 22:45:18 字數 888 閱讀 4099

filter: progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#00000000, endcolorstr=#cc000000);

-ms-filter: "progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#00000000, endcolorstr=#cc000000)";

一般用filter就行。

startcolorstr:可選項。字串(string)。設定或檢索色彩漸變的開始顏色和透明度。其格式為 #aarrggbb 。 aa 、 rr 、 gg 、 bb 為十六進製制正整數。 rr 指定紅色值, gg 指定綠色值, bb 指定藍色值,參閱 #rrggbb 顏色單位。 aa 指定透明度。 00 是完全透明。 ff 是完全不透明。超出取值範圍的值將被恢復為預設值。取值範圍為 #ff000000 – #ffffffff 。預設值為 #ff0000ff 。不透明藍色。 

endcolorstr:可選項。字串(string)。設定或檢索色彩漸變的結束顏色和透明度。預設值為 #ff000000 。不透明黑色。(表示顏色漸變的話去掉前兩位透明度就行)

計算ff透明度為0.8對應的色值: 

十六進製制ff對應十進位制值是255,透明度為0.8,那麼255*0.8 = 204,對應的十六進製制為cc。

若要實現透明度為0.5的黑色背景:

filter: progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#80000000, endcolorstr=#80000000);  只要保證aa不漸變就行。

背景顏色漸變

css3 漸變 gradient 可以讓你在兩個或多個指定的顏色之間顯示平穩的過渡。以前,你必須使用影象來實現這些效果,現在通過使用 css3 的漸變 gradients 即可實現。此外,漸變效果的元素在放大時看起來效果更好,因為漸變 gradient 是由瀏覽器生成的。1 語法 backgroun...

背景顏色漸變

專門做漸變顏色的 這種漸變色,瀏覽器要當做背景解析的,所以應該給background image 引數1 漸變的方向 to 乙個方向 還可以寫角度,0deg在正下,值越大,越順時針旋轉 後面的引數是顏色,至少2個顏色,顏色要 2 第乙個顏色後面寫乙個百分比,代表在什麼位置結束 後面的顏色再寫百分比,...

修改WebView背景顏色為透明

首先想當然地想到在xml設定背景顏色 android background color transparent 但是執行後發現結果並非是透明的,而是白色的 後來search之.發現 關閉 mwebview.setlayertype view.layer type software,null xml裡...