Help, linear-gradient

[Hoodis - Developer]

Sveiki, man kažko background-image nepasirodo su linear-gradient

background: linear-gradient(rgba(black, 0.5), rgba(black, 0.5)), url(../images/banner.jpg);

Be linear-gradient rodo, o aš noriu patamsinti, mėginu visais atvejais, ieškau info nerandu nieko, gal kas padės?

[Vidmantas.]

Turbūt klaida su rgba funkcija, pabandyk rgba(0, 0, 0, 0.5)

[Hoodis - Developer]

3 minutes prieš, Vidmantas. parašė:

Turbūt klaida su rgba funkcija, pabandyk rgba(0, 0, 0, 0.5)

Tas pats

[marcus]

Ar kada nors ismoksim naudotis galingiausiu irankiu koki tik pasaulis yra turejes?  https://stackoverflow.com/a/2547064

Redaguota Spalio 17, 2020, nario intrigantas

[Vidmantas.]

43 minutes prieš, $ndL!ne parašė:

Tas pats

nežinau, nenusimanau css tai turbūt naudoji netaip.

[Hoodis - Developer]

29 minutes prieš, intrigantas parašė:

Ar kada nors ismoksim naudotis galingiausiu irankiu koki tik pasaulis yra turejes?  https://stackoverflow.com/a/2547064

Tas pats sh man

https://pastebin.com/cK03fGUh

[heicmeister]

 

body {
    background: #eb01a5; /* fallback for old browsers */
    background-image: url(../images/banner.jpg);
    background: -webkit-linear-gradient(#eb01a5, #d13531); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(#eb01a5, #d13531); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

 

Redaguota Spalio 17, 2020, nario heicmeister

[Hoodis - Developer]

prieš 7 valandas(-ų), heicmeister parašė:

 

body {
    background: #eb01a5; /* fallback for old browsers */
    background-image: url(../images/banner.jpg);
    background: -webkit-linear-gradient(#eb01a5, #d13531); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(#eb01a5, #d13531); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

 

Pamėginsiu, bet ar eina paprasčiau ar nelabai, nes tiesiog patamsinti background-image noriu 

[Džiumandži]

https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient

[Hoodis - Developer]

14 minutes prieš, Džiumandži parašė:

https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient

Aš tiesiog patamsinti noriu

body {
    background-image: url(../images/banner.jpg);
    background-color: linear-gradient rgba(0, 0, 0, 0, 5);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

 

[Džiumandži]

tai tiesiog background-color: rgba(0,0,0, 0.5) ne? neveikia?

[Hoodis - Developer]

4 minutes prieš, Džiumandži parašė:

tai tiesiog background-color: rgba(0,0,0, 0.5) ne? neveikia?

Ne, nes ne fotke patamsina, o visa bg pilka padaro, o nuotrauka kokia buvo, tokia yra