CSS保健室|opacity


Posted by itiswonderfall on 2022-05-28

前言

之前看到 男生最羨慕的 4 大忍術 ,裡面有飛雷神、隱身術、倍化之術、忍術錢分身術,所以學會 opacity 隱身術,你就擁有讓人羨慕的籌碼了,這麼香你學不學?先說好喔,「 盡量 」不要用在偷窺上啦!

圖片來源

 


 

opacity

opacity 屬性設置元素的不透明級別,從 0( 透明 )到 1( 不透明 )。

filter

filter:alpha(opacity=number) , number 取值 [0~100] , 0 透明, 100 不透明。

 


 

所有瀏覽器都支持 opacity 屬性, IE8 及更早的版本支持替代的 filter 屬性。
所以為兼容可寫:

.opacity { 
    opacity: 0.5; 
    filter: alpha(opacity=50);
}

 


 

資料來源

css不透明度opacity属性的示例分析


#css #css保健室 #opacity







Related Posts

Angular17 部屬完成,在瀏覽器中使用 F5 重新整理跳轉 404 異常解決

Angular17 部屬完成,在瀏覽器中使用 F5 重新整理跳轉 404 異常解決

〈 Diffusion Model 論文研究與實作心得 Part.1 〉 前言與圖片雜訊前處理

〈 Diffusion Model 論文研究與實作心得 Part.1 〉 前言與圖片雜訊前處理

[C#] LINQ Group By

[C#] LINQ Group By


Comments