| 搜索频道 | 源码下载 | 站长代码论坛 | 文章分类 | 最新专题 | 源码交易 | 加入收藏
首页|资讯|图形图像|网站开发|程序设计|数据库|多媒体|机械电子|办公系列|路由技术|原理|应用|考试|系统
文章搜索:
 您的位置:首页网站开发心得技巧 → CSS中 display 与 visibility 的区别
CSS中 display 与 visibility 的区别

日期:2006-12-7 21:22:37 人气:     [ ]

起因:

前几天在做一个图片无间隙滚动的效果,要利用到一个隐藏的层。

问题:

之间复制以前文字滚动的效果代码(文字滚动时无错误),结果发现页面被拉长了一倍,也就是隐藏的层。

解决:

查CSS手册后发现了隐藏内容原来是有区别的,一种是保留对象的物理空间,一种是不保留。

-------------------------------

display:none

CSS1 隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间

visibility:hidden

对象隐藏,与 display 属性不同,此属性为隐藏的对象保留其占据的物理空间。

但是因为使用了visibility:hidden,拉长的内容其实就是那个含有图片的DIV;而改用display:none后就正常了。刚刚还一直怀疑是高度设置的问题,没想到居然就是这么简单的一点内容,结果用了这么多的时间跟精力,唉……

出处:本站原创 作者:zzcode
 相关文章
·用css使网页图片半透明
·简单介绍CSS结合JS的运用
·CSS产生的特殊效果
·如何在网页中插入CSS
·CSS+VBScript制作的酷酷光照效果
·CSS字体与文本属性
·用CSS实现网页图片半透明
·使用CSS设置段落首字下沉
·XML文件的显示——CSS和XSL
·CSS字型的设定
 相关软件
·JustStyle CSS Editor v1.33 特别版
·Rapid CSS Editor 2004 v5.23 特别版
·CSS/HTML网页设计(PDG)
·CSS 案例(CHM)
·CSSCalendar v1.0.13(DreamWeaver插件)
·CSS代码生成器 v1.1
·5日精通css层叠样式表(CHM)
·CSS2中文手册(CHM)
 

 热点文章

·CSS中 display 与 vis..
·网页设计配色应用实例..
·网页布局的位置重心与..
·网页设计开发:如何处..
·合理的网页设计具有哪..
·针对各种版本的浏览器..
·设计干净的链接
·用好的设计替代不好的..
·我们流程的问题到底在..
·Ajax技术的安全问题不..

 推荐文章

·端午非物质文化遗产登..
·动态网站Web开发PHP、..
·PS绘中秋佳节的一轮明..
·细谈网页优化和网站优..
·建站常识:如何使用FT..
·如何快速建造一个成功..
·ASP.NET 2.0 中的创建..
·ASP.NET2.0服务器控件..
·在ASP.NET应用中插入f..
·用Photoshop打造逼真立..
·Windows 2003搭建虚拟..
·站长必读:Web创业的1..
·如何测试机房的速度和..
·北京奥运体育图标发布..
·网络视频广告将身价百..