html - Applying gradient over background cover image -



html - Applying gradient over background cover image -

i have next fiddle background image using cover (trying find best fit without distorting image).

right want add together gradient on top of image , see similar questions this can not create work ( gradient does not show up ).

is there way have:

background-size: cover; background-position: center; background-image: url(pathtoimg);

together gradient?

thank kingking , chris hardie. comments understood doing wrong , how prepare it.

so first problem url-image on top of gradient, hiding (thanks kingking). sec problem need gradient transparent (thanks chris).

so here solution.

if give me improve answer, happy take it.

background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)), url(imga.jpg);

html css css3 gradient

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -