display:none与 visibility 属性的hidden值的区别

本文介绍了CSS中使用display和visibility属性隐藏网页元素的区别。通过对比display:none与visibility:hidden,阐述了两者在处理页面布局时的不同效果,并提供了jQuery实现这两种隐藏方式的具体代码。
display:none:隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间
visibility :hidden:与 display 属性不同,此属性为隐藏的对象保留其占据的物理空间;
用例子来证明一下,测试用这两种属性对一个flash对象进行隐藏设置,你就会发现,用display会将flash移除,而用visibility,flash则会继续在后台播放!

两种方法在JQuery用法如下:
display:
显示:$("#id").show;
隐藏:$("#id").hide();

visibility:

显示:$("#id").css("visibility',"visible");
隐藏:$("#id")css("visibility',"hidden");

转载于:https://www.cnblogs.com/maxao/archive/2010/05/10/1731863.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值