Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Problem with CSS3-Technique from “Perfect Full Page Background Image”

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #32374
    steveooo
    Member

    Hi,
    Chris wrote an article about the perfect full background image:
    https://css-tricks.com/perfect-full-page-background-image/

    Well, I am using this CSS3 technique:

    html {
    background: url(images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    … and it worked pretty well until I found one “bug”:
    Sometimes, when I resize the browsers window, there is a 1px-white-border on the left or top, which I captured in this screenshot:
    http://cl.ly/0j2u2v1n440K16401K1F

    Is there someone, who can solve this problem?

    #50770

    Not sure how background-size actually works, but might only happen when the browser window dimensions are an odd number?

    #50653
    steveooo
    Member

    Yes, I also think this could be the reason for this white 1px-border on the left/at the top.

    But is there a way of fixing this problem?

    #50649
    chrisburton
    Participant

    I never ran into this problem. Have you tried setting a background color that would help rid the white line?

    #50593
    steveooo
    Member

    Well, good idea, but now I can create a blue or black border, which doesn’t fix this problem…

    #50579
    chrisburton
    Participant

    Link?

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.