Background with image and gradient

body {
  background: #eb01a5;
  background-image: url("IMAGE_URL"); /* fallback */
  background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531); /* W3C */
}

Source: stackoverflow.com

Background image with gradient css

.background_img {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)), url(../Image/bg.jpg);
    /* background-image: url(../Image/bg.jpg); */
    width: 100%;
    height: auto;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

Background-image linear-gradient url

  body {
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), linear-gradient(red, yellow);
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), -webkit-gradient(linear, left top, left bottom, from(red), to(yellow));
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), -moz-linear-gradient(top, red, yellow);
  }

Source: stackoverflow.com

Similar codes

6 votes119 views3 answers
Print css media query
CSS
0 vote98 views1 answer
Como fazer uma linha vertical no html
CSS
0 vote107 views1 answer
"graphql.print"
CSS
0 vote107 views1 answer
Webkit scrollbar padding
CSS
1 vote80 views1 answer
Why are suacer pans made of bakelite
CSS
20 votes126 views3 answers
Center align div vertically and horizontally css
CSS
72 votes158 views6 answers
How to change font size in css
CSS
41 votes105 views6 answers
Linux folder size
CSS
1 vote91 views1 answer
Css animate border bottom on hover
CSS
0 vote108 views1 answer
Media screen desktop
CSS