火狐瀏覽器適用的 CSS簡單的漸變背景

2021-09-20 14:35:08 字數 449 閱讀 2182

background: -moz-linear-gradient(left, #3992d0, rgba(227, 157, 168, 0.5));
從左到右第乙個引數寫left;

從上到下則寫top;

第二個引數是漸變開始的顏色;

第三個引數是漸變結束的顏色和透明度。

所謂rgba:

r:紅色值。正整數 | 百分數

g:綠色值。正整數 | 百分數

b:藍色值。正整數 | 百分數

a:alpha透明度。取值0~1之間。

前三個值(紅綠藍)的範圍為0到255之間的整數或者0%到100%之間的百分數。這些值描述了紅綠藍三原色在預期色彩中的量。

如果你想設定純紅色,那麼把red引數設定滿,即255,綠,藍設定0即可。

第四個值, alpha, 制定了色彩的透明度/不透明度,它的範圍為0.0到1.0之間。

火狐瀏覽器適用的 CSS簡單的漸變背景

background moz linear gradient left,3992d0,rgba 227,157,168,0.5 從左到右第乙個引數寫left 從上到下則寫top 第二個引數是漸變開始的顏色 第三個引數是漸變結束的顏色和透明度。所謂rgba r 紅色值。正整數 百分數 g 綠色值。正整...

火狐瀏覽器和IE的CSS區別

1 ie6.0的div的內嵌div可以把父級的高度撐大,而firefox不可以,要自己設定高度。2 當設定為三列布局時,ie6.0的float寬度不能達到100 而firefox可以。當設定為兩列布局時,兩種瀏覽器都可以。3 在火狐瀏覽器中,非float的div前面有同一父級的float的div,此...

css修改谷歌瀏覽器和火狐瀏覽器的滾動條樣式

css 谷歌瀏覽器滾動條樣式 webkit scrollbar webkit scrollbar track piece webkit scrollbar thumb 也可以單獨設定橫向滾動條和縱向滾動條的背景顏色 webkit scrollbar thumb vertical webkit scr...