解决设置了display:none的元素，会先展示再隐藏

问题：元素明明设置了display:none，但是在刷新页面的时候却会先显示了出来，然后才会隐藏，实现display:none

原因：由于元素渲染的时候，样式还没有应用上去，导致的

解决办法：使用内联样式，动态改变display的值为none或者是block，使用moseenter和mouseleave事件替代hover，在moseenter和mouseleave事件中去改变display的值

转载于:https://www.cnblogs.com/daisygogogo/p/11275865.html

解决设置了display:none的元素，会先展示再隐藏相关推荐

css隐藏元素触发点击事件,css隐藏元素的几种方法中可以触发点击事件的是？...
css隐藏元素的几种方法中可以触发点击事件的是是opacity设置为0的方法. css隐藏元素的方式: 1.display:none;.box{ display: none; } 最简单也最粗暴的方 ...
display none的元素重新展示如何撑开页面_【第1962期】巧用 display: contents 增强页面语义...
前言 6月1号了,新的一个月.今日早读文章由@chokcoco授权分享. 正文从这开始~~ display: contents 是一个比较陌生的属性,虽然属于 display 这个基本上是最常见的 C ...
display none的元素重新展示如何撑开页面_寻根问底之——元素隐藏你知多少？
老生常谈之display: none 相信小伙伴们都被问过这样一个问题:让一个元素隐藏起来,有多少种方法呢?常规来讲,我们有三种方法display: none.opacity: 0和visibilit ...
html不能超出div的宽度,DIV设置width后超出父元素应该如何解决
这次给大家带来DIV设置width后超出父元素应该如何解决,解决DIV设置width后超出父元素的注意事项有哪些,下面就是实战案例,一起来看一下. 前言本文介绍的是利用CSS3的新属性box-siz ...
CSS中用 opacity、visibility、display 属性将元素隐藏的对比分析
说明 opacity 用来设置透明度 display 定义建立布局时元素生成的显示框类型 visibility 用来设置元素是否可见. opacity.visibility.display 这三个属性 ...
css设置overflow:hiden行内元素会发生偏移的现象
父级元素包含几个行内元素 <div id="box"><p><span>按钮</span><span>测试文字文字文字测 ...
display none的元素重新展示如何撑开页面_关于元素的浮动你了解多少
首先,在介绍什么是浮动之前我们先介绍一下html中元素的普通流布局方式.在普通流中,元素是按照它在 HTML 中的出现的先后顺序自上而下依次排列布局的,在排列过程中所有的行内元素水平排列,直到当行被占 ...
解决微信小程序的video元素层级太高无法遮盖问题
解决微信小程序的video元素层级太高无法遮盖和show-play-btn属性失效问题今天在项目中遇到了这个问题,需要在微信小程序中用视频作为背景,微信开发者工具中模拟的没问题,真机调试就发现vid ...
父元素设置了圆角，子元素没有设置圆角，子元素的直角会遮挡住父元素的圆角
父元素设置了圆角,子元素没有设置圆角,子元素的直角会遮挡住父元素的圆角在开发时,我们经常会遇到给父元素设置了圆角,但子元素没有设置圆角,子元素的直角会遮挡住父元素的圆角的问题,如何解决这个问题呢,只 ...

解决设置了display:none的元素，会先展示再隐藏

解决设置了display:none的元素，会先展示再隐藏相关推荐

最新文章

热门文章