论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{CSS}CSS教程:详解visibility属性CSS控制内容显示

文章类别:div+css布局 | 发表日期:2008-9-26 11:34:03

  21shipin.com原创,未经本站同意,严禁转载!

  我们先看看什么是CSS的visibility属性?

  设置或检索是否显示对象。
  请区别与display属性不同,此属性为隐藏的对象保留其占据的物理空间。也就是说:
  visibility属性取值为hidden时,只是改变了元素的可见性,元素所占有的空间依然存在。
  visibility是一个不可继续的属性,假如希望对象为可视,其父对象也必须是可视的。

  CSS的visibility属性有些哪取值?

  inherit:继续上一个父对象的可见性
  visible:对象可视
  hidden:对象隐藏
  collapse:主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象,其作用等同于hidden。IE5.5尚不支持此属性。

  我们看下面的两个例子来理解visibility属性:

  我们在文字中插入一个图片,请注重文字与图片的位置。
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.com]

[ 可先修改部分代码 再运行查看效果 ]

  我们对图片应用visibility:hidden,再来看看效果。
div css xhtml xml Source Code to Run Source Code to Run [www.21shipin.com]

[ 可先修改部分代码 再运行查看效果 ]

  我们发现图片不见了,但它所占的空间依然存在,文字的位置没有发生任何的变化。

  21shipin.com原创,未经本站同意,严禁转载!
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058