javascript - 显示 : none is flickering content that should be hidden when loading the webpage

标签 javascript html css

所以我正在构建一个玩具网站,但我遇到了一些不良行为。

在我的主页 html 文件中,我有两个不同的 <body>标签集。 标签如下

<body class = "intro">...</body> 
<body class = "home">...</body>

我想要的行为是在“intro”类中有一个按钮,单击该按钮时,将隐藏“intro”类并显示“home”类。问题是,当我加载网页时,“home”类只显示一秒钟,然后被“intro”类覆盖。在单击按钮之前,我根本不希望显示“home”类。

我没有使用任何 javascript(至少目前,我计划在我设置完所有 html 和 css 后添加它)。

我尝试链接到外部样式表并尝试读取内联 css

body{
     display: none;
 }

但即使使用内联 css,“home”类的内容也会在内容消失前显示大约一秒钟。有谁知道我能做什么?

最佳答案

双(或更多)正文标签是无效语法。 HTML 应该只有一个主体。而是尝试使用两个 div

关于javascript - 显示 : none is flickering content that should be hidden when loading the webpage,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45778678/

相关文章:

Javascript 上传多个自动生成的文件表单

javascript - 具有自定义按钮的 HTML5 视频播放器无法在全屏模式下工作

css - 如何用连接点制作垂直线?

css - 使用 CSS3 列时如何摆脱 WebKit 添加的填充?

javascript - jquery悬停背景bug

javascript - 索引页不会在页面顶部打开,而是直接在页面表单上打开

javascript - 更新通过appendChild创建的元素

html - css 中的不透明度值

html - 单击时字体增加和减少

jquery - 从垂直变为水平