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

Array 傳入值總是被覆蓋

Array 傳入值總是被覆蓋

實作 Redux(四):共享結構的物件提高性能

實作 Redux(四):共享結構的物件提高性能

ASP.NET Core Web API 入門教學 - 事前必備知識

ASP.NET Core Web API 入門教學 - 事前必備知識


Comments