0

After reading previous answers I tried removing position:fixed, setting the opacity to 100 before fadeout, and adding display: inline-block but nothing has worked so far.

Here is the site: http://www.theseamstressofbloomsbury.co.uk/lookbook/

The element to be faded out has the following CSS:

#loading-wrapper { background: url(images/background.jpg) center top #eee9d1; height: 100%; width: 100%; position: fixed; z-index: 1000; text-align:center; color:#866a4b; }

And jQuery:

$('#loading-wrapper').fadeOut('slow');

Related questions I looked into:

Any other tips?

Cheers!

Community
  • 1
  • 1
Caroline Elisa
  • 1,246
  • 6
  • 18
  • 35
  • Does it work here for you? http://jsfiddle.net/xpbf4/show/ seems to work for me. – Kevin B Jan 31 '14 at 20:40
  • You know that it's not really inside a document ready handler, it's called from yepnope directly on pageload. – adeneo Jan 31 '14 at 21:05
  • Also, you have errors, the console throws "Uncaught Syntax error, unrecognized expression: li:nth-child" – adeneo Jan 31 '14 at 21:08
  • No Kevin, your fiddle doesn't work for me either. adeneo, I realise about the handler but for some reason when I place the fadeout under window load it never fades out, and document ready is too fast! – Caroline Elisa Jan 31 '14 at 22:19

0 Answers0