Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter dills

    (@dills)

    What if i write it more like this

    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;

    Thread Starter dills

    (@dills)

    Is there a CSS trick I have been working with the bellow code but can not get it correct

    img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
    }

    @media screen and (max-width: 1024px) { /* Specific to this particular image */
    img.bg {
    left: 50%;
    margin-left: -512px; /* 50% */
    }
    }

Viewing 2 replies - 1 through 2 (of 2 total)