-1

Css here...

background-image: url("image/login-background-image.png");
background-repeat: no-repeat;
background-size: cover;

I want background-color up-side of background-image.

Tarun..
  • 1,029
  • 2
  • 9
  • 20

2 Answers2

1

Do you mean something like this?

Works on all major browsers - tested on chrome, ie, firefox and edge. 

body {
background-image: 
  linear-gradient(rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)),     
  url("https://images.freeimages.com/images/large-previews/647/snowy-mountain-1378865.jpg");
width:100%;
height:100%;
}
Temani Afif
  • 245,468
  • 26
  • 309
  • 415
Tim Gerhard
  • 3,477
  • 2
  • 19
  • 40
-1

Hope the below CSS works for you...

background: #ff0000 url("image/login-background-image.png");

If not, Kindly share the expected output and both HTML and CSS

passionFinder
  • 121
  • 1
  • 13
  • it's good to test code before posting – Temani Afif Aug 13 '18 at 08:21
  • @TemaniAfif May I know the reason for down voting my answer! – passionFinder Aug 13 '18 at 09:21
  • And may I know why you are accusing me for downvoting your answer? you don't know and you cannot know who downvoted your anwser so please don't accuse the first person you see around. – Temani Afif Aug 13 '18 at 09:24
  • @TemaniAfif : I am not accusing you Temani.. It helps me to improvise my problem solving skill if I missed to provide the appropriate answer.. By the way you have mentioned a comment saying "it's good to test code before posting". So I thought you would help me to understand if I did any mistakes on it. – passionFinder Aug 13 '18 at 09:27
  • testing your code will help you understand ... see what your code will produce and you will know what is the issue – Temani Afif Aug 13 '18 at 09:31