BlockUI problem in FF

[dbiginton]

Hi, I am using BlockUI for exactly what i need to do, which is to load a custom html format (including css classes including background images) message on trigger. In IE, this works perfectly but in FF, Safari and Chrome, none of the background images from the CSS display at all, so i am left with an untidy/incomplete looking loading screen. What is strange is that i have an unordered list with custom styled bullet images which are defined by the css and these display without problem in FF, Safari and Chrome. It is the div background images that do not work.

Do you have any ideas. Other than that BlockUI is awesome.

Thanks

[malsup]

Can you post a link?

[dbiginton]

Sure, as its a live development server, it is restricted to a IP addresses. Do you have a static IP address that i can add to the server? Yo can email me at dbiginton@sunspottours.com to keep this information private. Thank You

[dbiginton]

Hi Maslup,

I have now taken another approach by using a hidden div which blockui invokes on trigger. It all looks good in IE, but you will see in FF that none of the css background images are displayed. strangely the UL list style images (also css images) come through fine.

The link is www.mercury-direct.co.uk . You will need to use the booking engine to search for any holiday and on clicking "search holiday" the blockui loading screen will be visible. I appreciate your help on this matter and hope there is an easy solution.

Just to clarify, if i show the div overlay by defauly (page load) the css background images are fine in all browser, it only appears to prevent them from displaying when the div is invoked by blockui.

Thanks in advance

[malsup]

I didn't see any blocking at all when I searched holidays. Can you please create a simplified test page that demonstrates the problem?

[dbiginton]

Hi Maslup,

this is pretty embarrassing. I just tested both ie and ff on my home laptop and there isnt a problem at all with the background images in FF, just seems to be Safari and Google Chrome. I guess my work computer is locked down to some extent preventing the image show, on firebug i noticed load_cache_ignored for the background images.

To see the blockui in action on either, you can use the "Book online here" section of www.mercury-direct.co.uk to the right of the page, and can use the example criteria below:

Date: 30 May 2010
Duration: 14 Nights
Destination: Malta
Resort: Bugibba
Departure Airport: London Gatwick
Untick join the mailist list of offers and click "search holidays"

Thanks for your continued help.

[ftgoncalves]

the blockUI not work with the version of jQuery 1.4.2

[malsup]

Changed the demo page to use jQuery 1.4.2. Seems to work just fine.