文章/答案/技术大牛

发布

社区首页 >问答首页 >删除未设置样式的内容的flash (FOUC)

问删除未设置样式的内容的flash (FOUC)
EN

Stack Overflow用户

提问于 2012-02-17 22:21:25

回答 2查看 3.8K关注 0票数 1

This page显示了旋转木马中的一组图像。轮播是由jQuery infinite carousel plugin提供的。目前，插件和调用它的JS代码已加载到<head>中。

在开始使用carousel代码之前，会出现一系列未设置样式的内容，其中只显示图像本身。我可以做些什么来防止这种情况，例如，在carosel初始化之前隐藏图像？

FOUC在IE中特别糟糕，但在Firefox中也会发生。

jquery

fouc

javascript

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-02-17 22:49:29

如果你在浏览器上禁用javascript，你就能看到"flash“是什么样子的。在禁用JS的情况下，确保页面至少总是“可用”是一个好主意。将这个css添加到你的#carousel中就可以做到这一点：

overflow: hidden;
width: 615px;
height: 270px;
border: 2px solid #aaa;

票数 2

Stack Overflow用户

发布于 2012-02-17 22:24:30

您可以在css中为内容设置display:none，然后在carousel代码生效之前使用javascript将其删除。

记住要坚持使用Progressive enhancement。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9329878

复制

相似问题

问删除未设置样式的内容的flash (FOUC)
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问删除未设置样式的内容的flash (FOUC)EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问删除未设置样式的内容的flash (FOUC)
EN