I tried all things I don't know how to put a background image without the image repeats ? | Sololearn: Learn to code for FREE!

+4

I tried all things I don't know how to put a background image without the image repeats ?

7/22/2021 2:42:38 PM

Nv Abdallah

15 Answers

New Answer

+4

Try: background-repeat: no-repeat; You may also want to try if need to stretch to fill: background-size: cover;

+3

You don't need pro, otherwise you would see each one of us having pro . Email at "[email protected]" or use search bar to search for similar questions like yours .

+1

Thank u

+1

Apply css background-repeat:no repeat; background-size:cover; Try to put link of code, it makes easy to slove your problem.

0

Can I please give the hole code

0

Nv Abdallah Make your code public or share it here to get better and quick response

0

Now it's public

0

You have written background-image:cover; Actually it will background-size:cover; also height :100vh; 100% will not work here

0

I changed it and it still the problem

0

height:100vh; for body

0

padding:10px; margin:0; background-image:url("https://i.pinimg.com/474x/ac/be/ac/acbeac1102af1cb78881601f42201b87.jpg "); background-size: cover; width:100% ; height:100vh;

0

What about vh what does it mean

0

% work if the parent has fixed length unit like px, vh,vw, em..etc. Vh mean viewport height the height of window excluding urlbar..

0

Btw if I wanna activitie my account here is it obligatory to get the pro version

0

Background-repeat:no-repeat;