0

How do I make a background image fill the entire screen?

I have been trying to get my background image to appear as one background image instead of multiple tiny square images. How do I fix this?

21st Jun 2022, 2:58 PM
Rinea
10 Antworten
+ 3
background-image: url("-"); background-repeat: no-repeat; background-size: contain/cover; background-position: center;
22nd Jun 2022, 6:48 AM
Suraj R
+ 2
What is your code? It may be a simple typo but we can best help if we see the actual code.
21st Jun 2022, 3:00 PM
Justice
Justice - avatar
+ 2
Rin N Background isn't an attribute in HTML. You should be using a seperate style section and also using the answer Lisa gives such as below. body: { background-image: url("background.jpg"); background-repeat: no-repeat; } Don't add your background like it's an attribute for HTML.
21st Jun 2022, 3:32 PM
Justice
Justice - avatar
+ 2
You just have to replace repeat with fixed. But there could be a problem when your page has too much contents there will be a repeating of page because your picture is not that large to fit into everywhere
21st Jun 2022, 7:07 PM
Mutallib Ibrahim
+ 2
Abdulatiif Mohamed How are your codes related to the thread's topic? Please do not advertise in random threads.
23rd Jun 2022, 12:42 PM
Lisa
Lisa - avatar
0
Justice <body background = "background. jpg" >
21st Jun 2022, 3:15 PM
Rinea
0
Lisa thank you
22nd Jun 2022, 12:00 AM
Rinea
0
Justice okay , thank you
22nd Jun 2022, 12:01 AM
Rinea