.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;
}#linear-gradient-over-image{
background-image: linear-gradient(to bottom, black, white),
url('images/background.jpg');
background-size: cover;
}body {
background: #eb01a5;
background-image: url("IMAGE_URL"); /* fallback */
background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531); /* W3C */
}.css {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a') no-repeat;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))), url('https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a') no-repeat;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a') no-repeat;
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a') no-repeat;
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a') no-repeat;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a') no-repeat;
height: 200px;
} background-image: linear-gradient(#24366588, #24366588),
url("../images/profs.jpg");| Code Example |
|---|
| Css :: how to make background image responsive in css |
| Css :: remove box around button when clicked |
| Css :: space-evenly vs space-around |
| Css :: css not |
| Css :: how to install tailwind css in html |
| Css :: resize in css |
| Css :: css wrap |
| Css :: mix color using css |
| Css :: autocomplete widget not working in modal popup |
| Css :: how to change svg image color on hover using css |
| Css :: change mouse pointer on image hover |
| Css :: css image background |
| Css :: css center div |
| Css :: css triangle |
| Css :: grid css |
| Css :: cursor not pointer |
| Css :: css bottom |
| Css :: bootstrap-start |
| Css :: $scope.$apply |
| Css :: css shrink image |
| Css :: css mauszeiger ändern |
| Css :: box glow css |
| Css :: linux copy directory permissions to another directory |
| Css :: link text underline css none |
| Css :: background position |
| Css :: scss media query |
| Css :: sass use variables from another file |
| Css :: jest afterAll |
| Css :: how to change button border color in css |
| Css :: css grid container |