v2.5.2
Giriş yap

CSS rgba sorunu

selim
542 defa görüntülendi
3

Merhaba, rgba ile bir div imi renklendirmek istiyorum. 

    rgba(#000, 0.2); => rgba(0, 0, 0, 0.2);

Yukarıdaki şekilde yaptığımda hiçbir sıkıntı yok. Fakat aşağıdaki gibi yapınca çalışmıyor.

    rgba(var(--black), 0.2); => rgba(var(--black), 0.2);

Buradaki var(--black) değerim #000. İkiside aynı olmasına rağmen neden ikincisi çalışmıyor ?

css
Cevap yaz
Cevaplar (3)
admin
1149 gün önce

@selim hex renk koduna alpha degeri eklenmiyor maalesef. rgb veya direk alpha eklenmiş halini degisken olarak yazmak zorundasin.

0
#007472
selim
1149 gün önce

@admin evet o şekilde tanımlanabilir. Ancak proje hazır bir proje ve çok fazla :root ta tanımlanmış renk var ve heryede kullanılıyor. onların hepsini bu şekilde değiştirirsem direk color: var(--color) gibi kullanılan yerler patlayacak. O yüzden bunu gördüm fakat bununla uğraşmak istemedim açıkçası.

1
#007463
admin
1150 gün önce

renk değerini de rgb vermelisin.

:root {
  --color: 0,0,0;
}

body{
 background-color: rgba(var(--color),0.2);
}
0
#007450