起因:www.goodsgy.com
前几天在做一个图片无间隙滚动的效果,要利用到一个隐藏的层。www.goodsgy.com
问题:www.goodsgy.com
之间复制以前文字滚动的效果代码(文字滚动时无错误),结果发现页面被拉长了一倍,也就是隐藏的层。www.goodsgy.com
解决:www.goodsgy.com
查CSS手册后发现了隐藏内容原来是有区别的,一种是保留对象的物理空间,一种是不保留。www.goodsgy.com
-------------------------------www.goodsgy.com
display:nonewww.goodsgy.com
CSS1 隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间 www.goodsgy.com
visibility:hiddenwww.goodsgy.com
对象隐藏,与 display 属性不同,此属性为隐藏的对象保留其占据的物理空间。www.goodsgy.com
但是因为使用了visibility:hidden,拉长的内容其实就是那个含有图片的DIV;而改用display:none后就正常了。刚刚还一直怀疑是高度设置的问题,没想到居然就是这么简单的一点内容,结果用了这么多的时间跟精力,唉…… www.goodsgy.com
作者:林小志 点击进入作者个人博客www.goodsgy.com