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

js筆記---DOM

js筆記---DOM

[FE102] Part 2

[FE102] Part 2

另一個與 styled-components 相關的 debug 紀錄

另一個與 styled-components 相關的 debug 紀錄


Comments