Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Background Image Problem

    I cannot seem to get the background image to work for Firefox like it does for chrome and IE. Anyone know why this happens?

    Website: lidoscolumbus.com

  • #2
    Regular Coder djh101's Avatar
    Join Date
    May 2009
    Location
    California
    Posts
    628
    Thanks
    51
    Thanked 67 Times in 67 Posts
    For future reference, add http:// in front of your URL or use the link tags so that it is clickable (much easier to access).

    background-size is a newer property that is not supported in older versions of Firefox. In other words, you can't have a variable sized background image. However, it is possible to simulate a background image with a fixed, z-indexed image. Something like the following:

    HTML:
    Code:
    <div id="my-bkg-img"><img src="http://2.bp.blogspot.com/-03LnaUK9Ud8/TcZC3knAoZI/AAAAAAAAAxc/QRm7Pp5cx-o/s400/Penguins.jpg" id="my-bkg-img" /></div>
    CSS:
    Code:
    #my-bkg-img {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    }
    "Yeah science!"


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •