您现在的位置是:首页 > 网站建设常见问答网站建设常见问答
css隐藏DIV层和显示DIV层的方法
2015-09-20【网站建设常见问答】2413 人已围观
简介CSS中的display和visibility属性都是可以隐藏或者显示元素的。 但他们还有着本质的区别。 css中display和visibility可以隐藏...
CSS中的display和visibility属性都是可以隐藏或者显示元素的。 但他们还有着本质的区别。
css中display和visibility可以隐藏和显示html元素也包括DIV层。看起来两者非常类似,很多时候会搞混。下面分别介绍两者的属性:
display:none|block;
display:none;
隐藏该html元素,确切的说,是在浏览器中消除该元素,不占屏幕的空间。若其下有其他元素,就会上移到该空间区域(好像桌子上有100块钱,现在我把它放在抽屉里藏起来,桌子上放100钱的地方可以放在其他任何东西)。
dispaly:block;
显示已经隐藏的html元素,如果别的元素占有了该空间时,他将下移,空间重新别原来的元素占有。(把100块钱重新从抽屉里那出来放回桌子上)。
visibility:hidden|visible;
visibility:hidden;
隐藏该元素,正真的隐藏,但他还占有那块空间。这时,(桌子上有100块钱,这是我盖了桌布把他隐藏起来,钱还在那里)。
visibility:visible;
让元素显示(拿掉了桌布,看到了100块钱)。
所以display和visibility控制的分别是html元素是否存在和是否显示,display的属性定义该元素存在或不存在,而visibility的属性只是控制该元素是否显示出来,实际上还是存在的。
关注宁波网站建设博客,更多精彩分享,敬请期待!
Tags:
很赞哦! ()
相关文章
随机图文
细节总结:决定胜负的网站建设三大步
时代孕育新生,企业网站对企业发展的促进作用是功不可没的,它是开展网络营销的基础,也是进行网站优化、推广的关键,网络营销是一个方式以拓展新...分析网站跳出率:页面质量的重要性
影响网站排名的因素高达200多项,想要都熟练掌握对于新手SEOer绝对很困难,但是这并不意味着就无法做好网站排名。这里殷雯告诉新手一个小秘密...div覆盖div DIV相互重叠如何解决
div覆盖div,出现div与div盒子之间产生重叠覆盖现象,而内容没有出现覆盖重叠现象原因与解决方法。 可能您遇到过上下结构的布局,...网站建设开始之域名的选择
在建设网站的时候,我们会面临很多的问题。比较常见的就是域名的选择。今天小编就来教教大家,如何选择一个好的域名。 现在网络营销已经成为了...