什么是 FOUC(无样式内容闪烁)?你如何来避免 FOUC?
来源:互联网 发布:网络调研问卷 编辑:程序博客网 时间:2024/05/18 01:40
FOUC - Flash Of Unstyled Content 文档样式闪烁
原因有:
1、使用@import方法导入CSS时,例如:<style type="text/css" media="all">@import "../fouc.css";</style>此方式由于IE会先加载整个HTML文档的DOM,然后再去导入外部的CSS文件,因此,在页面DOM加载完成到CSS导入完成中间会有一段时间页面上的内容是没有样式的,这段时间的长短跟网速,电脑速度都有关系。2、将样式表链接放在页面不同位置时,在IE5/6下某些页面会无样式显示内容且瞬间闪烁,这现象就是文档样式短暂失效(Flash Of Unstyled Content),即FOUC。
解决方法:避免使用@import方法导入CSS,且将样式表链接都放在head中即可避免此问题。
0 0
- 什么是 FOUC(无样式内容闪烁)?你如何来避免 FOUC?
- 什么是 FOUC(无样式内容闪烁)?你如何来避免 FOUC?
- 什么是 FOUC(无样式内容闪烁)?你如何来避免 FOUC?
- 什么是FOUC?你如何来避免FOUC?
- FOUC(无样式内容闪烁)
- 什么是FOUC?如何避免FOUC?
- 什么是FOUC?如何避免FOUC?
- 经常有人问什么是FOUC?我们如何避免FOUC?
- 什么是FOUC
- css的位置引起的ie下的“无样式内容的闪烁FOUC”,和非ie的“白屏”
- FOUC
- FOUC
- FOUC(Flash of Unstyled Content - 文档样式短暂失效)
- 网页FOUC问题
- The FOUC Problem
- 关于FOUC与@import
- Flash of Unstyled Content (FOUC)
- Flash of Unstyled Content (FOUC)
- php统计某一目录下文件总数
- 忘掉过去,重新来过
- 慕课网 一个神奇好玩的网站
- javascript那些事儿(一)javascript数组用法总结(2)
- 安卓客户端加入百度推送的方法
- 什么是 FOUC(无样式内容闪烁)?你如何来避免 FOUC?
- c语言注释规范
- WPS(Wi-Fi Protected Setup),Wi-Fi保护设置
- 如何快速正确的安装 Ruby, Rails 运行环境 Cocoapods安装配置环境。
- 正则表达式
- strongswan4.4.0 on ubuntu14.04
- Java HashMap的工作原理
- 自定义GLSurfaceView在layout文件中挂掉的原因
- 我们都在带着伤口奔跑