修复了在IE6中无效的浮动横幅

时间:2012-05-18 23:12:19

标签: javascript jquery internet-explorer-6 css-float

我正在尝试在IE6中使用这个固定的浮动横幅脚本 - > Demo

根据开发人员的explanation

“警告:IE6

由于我们使用position:fixed解决了这个问题,IE6不支持这个CSS属性。我不是说IE6没关系,但我建议这个效果不是要求能够正确地与网站交互,所以如果IE6用户没有看到这种额外的效果,我就是好的,这个。正如我在截屏视频中所解释的那样,您需要自己做出决定,检查您网站的受众特征,是否为个人项目等。“

这可以在IE6中采用这种效果吗?

2 个答案:

答案 0 :(得分:2)

在IE6中,您可以使用position:absolute;来处理类似position:fixed;的内容。

它需要在包装<div>的形状中添加一些额外的标记,但是如果你支持IE6,那么无论如何你都会习惯这样做。

请点击此处查看说明:http://ryanfait.com/resources/fixed-positioning-in-internet-explorer/

希望有所帮助。

答案 1 :(得分:1)

查看Modernizr - 这是针对旧版浏览器的基于javascript的css大修。

您可以尝试css hack

* html .commentWrapper {
     position: absolute;
   }