Adding a full background image

HTML-CSS
1

https://codepen.io/ren-newton/pen/vYywevq

according to a forum I viewed this is correct correct code in this pen, but the image isn’t covering the full screen. any solutions… also i’m going to be asking a lot of questions like this lol

2

Asking questions is fine, just don’t expect solutions for low-effort questions.

  1. Tell us what is happening.
  2. Tell us what you tried. (this is important)
  3. Ask a specific question.

Try to google “how to resize an image in html”, or “how to resize html background”.

3

I set the body to have a background of the img like this…


 body{background: url('https://www.hdnicewallpapers.com/Walls/Normal/3D/3D_Fox_Image.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
   -o-background-size: cover;}

and this as html

  <body>
    
  </html>

here is a pen that does what I think you are trying to achieve

4

@newtoniiren, before someone gave you the answer it would have been nice to

  1. see a link to the forum you viewed. from the little bit of code you provided it seems that not everything you read was correct for what you were attempting
  2. see what your pen looked like after reviewing what you read. that is, adding some background... properties in the CSS editor
5

will do next time…thanks

6

thats awesome…how did you shorten the url?

7

I actually didn’t shorten it, I think you right clicked a img from a search result. That makes those really long adresses, I just copied the image address from a website, instead of using the result that you get from google’s site.

8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.