Grow your CSS skills. Land your dream job.

Background stretch with text in Firefox

  • # August 21, 2008 at 10:30 am

    I’m trying to go through examples out there and get a handle on stretching background images with an opacity text box overlaying the image. I have it working in IE7, IE6, and Firefox 2.0.0.16 with one weird little thing. In Firefox only, if I have the page designated as the home page or I hit refresh, the background image doesn’t appear – just a completely white page. If I have it as a link or highlight the url itself and hit enter, the background appears. Any ideas?

    It’s pretty hideous – it’s a test, but here’s the url:
    http://www.mahec.net/default3.aspx

    Code:
    < %@ Page Language="VB" %>
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




    my 2 cats

    Faking a Stretched Background Image

    Across the Whole Page

    Learn how to stretch a background image.

    paragraph text


    # August 21, 2008 at 1:41 pm

    I’m not quite sure why this made a difference, but I cleared Firefox history and cache and now it comes up fine no matter what. ?????

    jb

    # August 21, 2008 at 2:31 pm
    "janetb" wrote:
    I’m not quite sure why this made a difference, but I cleared Firefox history and cache and now it comes up fine no matter what. ?????

    jb

    Could be you had an old version of the page without the image that was cached, and FF was reading the cached version when you went straight to the page, but calling up a fresh version when you navigated to it from a link. Probably something like that.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".