以图明志

CSS

让IE6也支持position:fixed

抖动问题也解决了
众所周知IE6不支持position:fixed,这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天遇到了这个问题。当时就简单的无视了IE6,但是对于大项目或商业网站,如果有用到这个属性的时候,是不可能直接无视的。如何让position:fixed在IE6中工作呢?本文所使用的技巧是用了一条InternetExplorer的CSS表达式(expression)。

Web设计理念

让某部分HTML随滚动始终显示在页面上

JavaScript仿淘宝智能浮动
我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡。这种特效是通过JavaScript和CSS实现的,在实际开发中有不少用途,下面是我找到的一个使用JavaScript制作的仿淘宝智能浮动的源代码,兼容性不错,在IE、Firefox、Chrome下都能正常工作。

CSS

IE6不支持position:fixed的解决方法

设置元素悬浮边距,要分别为设置两次
下面这段代码在网上很常见,通过设置html{overflow:hidden}和body{height:100%;overflow:auto}来实现ie6下position:fixed效果,但这种办法有个缺陷,那就是:这会使页面上原有的absolute、relation都变成fixed的效果,在这里我就不做demo了,如果有怀疑,可以自己去试验一下。
1 / 1 首页 < Prev 1 Next > 尾页 页码: