css中使用display：none为隐藏时刷新页面有一瞬间所有隐藏东西全显示的现象，该怎么解决呢

红枫花 2018-03-08 03:50:45

css中使用display：none为隐藏时刷新页面有一瞬间所有隐藏东西全显示的现象，该怎么解决呢

一个DIV设置display：none隐藏时，刷新网页瞬间会显示出来；

该怎么解决这个问题呢？

...全文

1659 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

红枫花 2018-03-11

打赏
举报

引用 1 楼天际的海浪的回复:

你的css文件是异步加载或者是放到</body>下面加载的吧？要用同步加载并且在<head></head>中加载。或者也可以把display：none不写在css文件里，写在<head></head>中的<style type="text/css">里

你好，我搜了一下css.js放置位置，把css和必要的js放到了body前面，解决了问题，感谢！

红枫花 2018-03-11

打赏
举报

引用 3 楼 saber_hyw的回复:

css 位置放置的不对

请问我应该写在哪里，我是直接写在本页面的style里的，求教

红枫花 2018-03-11

打赏
举报

引用 1 楼天际的海浪的回复:

你的css文件是异步加载或者是放到</body>下面加载的吧？要用同步加载并且在<head></head>中加载。或者也可以把display：none不写在css文件里，写在<head></head>中的<style type="text/css">里

我是写个登录和注册两个按钮，点登录显示登录部分，点注册显示注册部分，默认是登录部分，注册的是display：none隐藏的，css是直接写在本页面的style标签里的，请问我应该写在哪里呢？求教( •̥́ ˍ •̀

All-dryEngineer 2018-03-09

打赏
举报

css 位置放置的不对

a546307927 2018-03-08

打赏
举报

电脑太卡，网络太慢，嘿嘿

天际的海浪 2018-03-08

打赏
举报

你的css文件是异步加载或者是放到</body>下面加载的吧？要用同步加载并且在<head></head>中加载。或者也可以把display：none不写在css文件里，写在<head></head>中的<style type="text/css">里

课程介绍：本季课程为CSS特效篇，着重介绍了使用CSS使用页面的特效以实现页面的美化。内容包含： ◆ 绘制各种图形 ◆ 设置容器的背景图片 ◆ 实现多张背景图的拼接 ◆ 实现背景色的渐变 ◆&...

原因：这是因为页面在加载时，元素的样式还没有应用上去导致的。解决方法：设置元素的内联样式为displya:none；使用mouseenter和mouseleave代替hover，在mouseenter和mouseleave中去改变display的值；查看.css文件是不是放在</body>下面，试着把.css文件放在<head></head>中。 ps: 博主使用了第一种方法，但是没有直接在标签中写入style，而是直接引用了v-cloak，因为v-cloa

一、问题描述：在html的标签中使用vue的“{{message}}”对内容进行双向绑定的时候，出现数据还没获取到但是页面直接显示了“{{message}}”的代码，隔了一会才显示message赋值过后的内容。二、解决办法：使用“v-cloak”，这个指令的作用：它可以保持在元素上，直到关联实例结束编译；步骤如下：在css文件中加上以下代码 //css文件 [v-cloak] { display: none; } 在目标元素上标示v-cloak //html文件 <div id="#

做了一个组件页面，我用了一个v-show是判断，结果刷新时候会看到那个隐藏的内容 <style> [v-cloak] { display: none; } </style> <div id="app" v-cloak></div> 这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-c...

文章目录问题用法问题 vue页面加载完成前/编译完成前显示变量名{{xxx}}，可以使用v-cloak 这个指令：这个指令保持在元素上直到关联实例结束编译。这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。用法 v-cloak 的用法： HTML代码： <div v-cloak> {{ message }} </div> CSS代码： [v-cloak] { display:none !important; } !importan

CSS

61,115

社区成员

60,728

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章