visibility

  • 版本:CSS2
  • 媒体:视觉
visibility属性在CSS布局中是比较常用的,本文将带你深入理解visibility属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上visibility的演示案例,希望能够对你有所帮助。

visibility的具体语法

visibilityvisible | hidden | collapse

默认值visible

适用于:所有元素

继承性:有

动画性:是

计算值:指定值

visibility的取值介绍

visible:
设置对象可视
hidden:
设置对象隐藏
collapse:
主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象,其作用等同于hidden。

visibility的使用说明

设置或检索是否显示对象。display属性不同,此属性为隐藏的对象保留其占据的物理空间
  • 如果希望对象为可视,其父对象也必须是可视的。
  • 对应的脚本特性为visibility

visibility的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0 #1 1.0 1.0 1.0 4.0
版本 7.0
  1. IE6及更早浏览器不支持visibility属性的collapse参数值。

visibility的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册