css 實現透明效果

2021-06-01 13:04:32 字數 363 閱讀 3009

filter:alpha(opacity=50);

-moz-opacity:0.5;

-khtml-opacity: 0.5;

opacity: 0.5;

說明:opacity: 0.5; 這是最重要的,因為它是css標準.該屬性支援firefox, safari和 opera.

filter:alpha(opacity=50); 這個是為ie6設的,可取值在0-100,其它三個0到1.

-moz-opacity:0.5; 這個是為了支援一些老版本的mozilla瀏覽器。

-khtml-opacity: 0.5; 這個為了支援一些老版本的safari瀏覽器。

WM 實現透明效果

一 使用alphablend api 這個可以看黎老師的文章。見原文 net framework的winform程式支援支援調節控制項的透明度和gdi 用它可以實現例如淡入淡出這種很酷的介面效果。而.net compact framework的窗體和控制項不支援透明和gdi 因此常常利用來完成一些美...

Css實現透明效果,相容IE8

css實現透明效果,相容ie8 蕃薯耀 2015年9月9日 17 39 24 星期三 background rgba 0,0,0,0.2 none repeat scroll 0 0 important background color 000 opacity 0.3 filter alpha op...

css實現背景透明,文字不透明效果

今天在開發乙個漂浮在背景圖上方的模態動畫,之前只記得opacity和rgba可以實現透明度設定,但是在實現 背景透明,文字不透明 的效果中卻不是都可行的,下面我們就來實際測試一下。css實現透明效果的方法一般有以下3種方式,以下是不透明度都為50 的寫法 本文討論上面兩種方法,ie下的情況也可使用但...