display,visibility,opacity之间的区别
来源:互联网 发布:淘宝店标logo 编辑:程序博客网 时间:2024/05/27 20:15
区别:
display:none;是将DOM元素设置为隐藏,该隐藏是不占位置的,HTML元素(对象)的宽度、高度等各种属性值都将“丢失”。
visibility:hidden;也是将DOM元素设置为隐藏,但是该隐藏仅仅是看不见而已,还是占位置的,也即是说它仍具有高度、宽度等属性值。
opacity:0;是将透明度设置为0,仅仅是看不见而已,还是占位置的。审查元素的时候还是可以找的到的。
延伸:
display的属性:block(默认值,设置为块级元素,独占一行),inline(设置为行内元素,不独占一行),none(设置为隐藏)
visibility的属性:visible(默认值,设置为可见),hidden(设置为不可见),inherit(继承上级的visibility),collapse(只对table有用)
opacity需要考虑兼容性问题,低版本的IE是filter:alpha(opacity=50);
阅读全文
0 0
- display,visibility,opacity之间的区别
- display:none、visibility:hidden和opacity:0之间的区别
- CSS隐藏元素 display visibility opacity的区别
- CSS隐藏元素 display visibility opacity的区别
- ccs中display:none visibility:hidden opacity:0的区别
- CSS隐藏元素 display visibility opacity的区别
- CSS中visibility,opacity和display:none的区别
- CSS隐藏元素 display visibility opacity的区别
- CSS:opacity:0,visibility:hidden,display:none的区别
- CSS隐藏元素 display visibility opacity的区别
- display:none 与 opacity:0 与 visibility:hidden 三者的区别
- display: none;、visibility: hidden、opacity=0区别总结
- 简单比较display、visibility、opacity
- opacity、visibility、display对比分析
- javascript----style 中visibility和display之间的区别
- JAVASCRIPT----style 中visibility和display之间的区别(ZT)
- JAVASCRIPT----style 中visibility和display之间的区别
- JAVASCRIPT:style 中visibility和display之间的区别
- try...catch...finally中的return执行顺序
- 电商项目架构,缓存,性能调优,设计模式,项目实战
- sdnu1000
- ssh和ftp登录很慢的解决方案
- springboot+mybatis手动配置数据源
- display,visibility,opacity之间的区别
- Jsoncpp的使用
- 车号的正则表达式
- 如何无痛降低 if else 面条代码复杂度
- jenkins配置java的maven项目自动构建
- 为什么集合类没有实现Cloneable和Serializable接口
- 前端面试中的经典js“坑”题十三道
- web开发 上传多张图片 遇到的问题
- echarts使用笔记