display:none是加载网页时应隐藏的闪烁内容

时间:2017-08-20 05:09:32

标签: javascript html css

所以我正在建立一个玩具网站,我得到一些不受欢迎的行为。

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

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

我想要的行为是&#34; intro&#34;点击时会隐藏&#34;介绍&#34;上课并展示&#34; home&#34;类。问题是,当我加载网页时,&#34; home&#34;课程只显示一秒钟,然后由&#34;介绍&#34;类。我不希望&#34; home&#34;完全显示类,直到单击按钮。

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

我已尝试链接到外部样式表并尝试读取

的内联css
body{
     display: none;
 }

但即使使用内联css,来自&#34; home&#34;的内容也是如此。在内容消失之前,类会显示大约一秒钟。有谁知道我能做什么?

1 个答案:

答案 0 :(得分:1)

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