Linear gradient and url css

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

Linear gradient and url css

body {
  background: url('http://www.skrenta.com/images/stackoverflow.jpg') no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 1)));
}
 Run code snippet

Source: stackoverflow.com

Similar codes

1 vote117 views2 answers
Styles only for IE
CSS
0 vote116 views1 answer
Css layers over background-images
CSS
0 vote156 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS
1 vote127 views1 answer
Span nowrap
CSS
0 vote104 views1 answer
Add quotes in quote css
CSS
2 votes114 views1 answer
Media queries css responsive max width
CSS
0 vote117 views1 answer
Underlined style for a link
CSS
0 vote118 views1 answer
Svg image shadow css
CSS
0 vote117 views1 answer
Make img tag take all div space
CSS
0 vote111 views2 answers
How to define max number of character for a paragraph css
CSS