2

I must say that I am exhausted from searching for the last 3 hours. I know this issue has been investigated before, and I have tried several solutions to no avail.

I have an asp.net website with a master page which contains a top navigation menu for navigating between different pages. I would like to prevent the flickering when I navigate between these pages. I'll just make a note that this flicker occurs in IE and Chrome while it does not occur in firefox.

The methods I have tried:

  • using the several meta tag solutions, such as: <meta http-equiv="Page-Exit" content="Alpha(opacity=100)" />

  • wrapping the contentplaceholder in the master page with an updatepanel

  • wrapping just the navigation menu in the update panel.

None of these methods is working and I really don't think that using iframes is a good solution for my case.

Are there any other solutions ?

Jasonw
  • 5,054
  • 7
  • 43
  • 48
user560498
  • 537
  • 1
  • 16
  • 25

2 Answers2

0

This is known as FOUC (flash of unstyled content) and can be caused by @import CSS statements. In some cases, it was browser specific and doesn't occur as often these days:

https://en.wikipedia.org/wiki/Flash_of_unstyled_content

Sometimes this can be fixed by simply making sure your CSS is loaded first:

https://www.techrepublic.com/blog/web-designer/how-to-prevent-flash-of-unstyled-content-on-your-websites/

IrishChieftain
  • 15,108
  • 7
  • 50
  • 91
0

It seems like the problem was that I had a lot of javascript files in the head section, so when I moved it to the bottom, just before the closing body tag, the flickering was mitigated substantially. This solution can be found in this question on stack overflow.

Community
  • 1
  • 1
user560498
  • 537
  • 1
  • 16
  • 25