网页FOUC问题导致网页混乱的解决方法

首页 > 网页制作

网页FOUC问题导致网页混乱的解决方法

51自学网 http://www.wanshiok.com

网页FOUC,网页混乱FOUC是文档样式短暂失效(Flash of Unstyled Content),简称为FOUC。简单地说，就是指css样式最后才加载出来渲染html。因此会先看到混乱的网页，再看到正常的页面。

出现的原因就很容易推测出：

1、css文件加载放到了html文档末；
2、使用了@import导入css

解决方案：

在<head>标签里面引用<link>CSS.
网页FOUC,网页混乱　

css元素隐藏原理及display:none和visibility:hidden
使用字符代替图片实现圆角或尖角效果研究
网页设计中的6个小技巧分享
网页加载时左右跳动原因分析及解决方法
获得css元素中的计算样式(层叠之后/最终样式)
网页上播放mp3或flash等播放器代码
css样式优先级及层叠的顺序排序探讨
table td 图片水平垂直居中实现代码
我的css框架——base.css(重设浏览器默认样式)
div css命名规范 css class命名规则(符合SEO规范)

上一篇：输入自动提示搜索提示功能的样式文件:suggestion.css 下一篇：对div盒子模型使用心得总结