一起来灭掉IE6!

相信写过网页的,无不对IE6恨之露骨,没办法,无数GHOST装XP,直接就是IE6,这部分用户还是那么可观啊。有时候真想不兼容IE6了,直接给个“你用的浏览器太低级,请升级”的提示。如果你的网页已经完成,却发现IE6显示乱了,而你实在不想去兼容了,那就加一段下面的代码吧,为消灭IE6做点贡献。

1、html结束后,加代码

<!--[if lte IE 6]>
<style type="text/css">
    #ie6-warning {text-align: center; background: red; filter: alpha(opacity=50); position: absolute; top: 0; left: 0; font-size: 12px; width: 100%; padding: 2px 0; }
    #ie6-warning a {text-decoration: none; color: #fff; }
</style>
<div id="ie6-warning">
    <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">
        您正在使用 Internet Explorer 6,低版本的IE浏览器在本页面的显示效果可能有差异。 点击这里升级到 Internet Explorer 8
    </a>
</div>
<script src="@Url.Content("~/Scripts/IE8.js")" type="text/javascript"></script>
<script type="text/javascript">
    function position_fixed(el, eltop, elleft) {
        // check if this is IE6
        if (!window.XMLHttpRequest)
            window.onscroll = function () {
                el.style.top = (document.documentElement.scrollTop + eltop) + "px";
                el.style.left = (document.documentElement.scrollLeft + elleft) + "px";
            }
        else el.style.position = "fixed";
    }
    position_fixed(document.getElementById("ie6-warning"), 0, 0);
</script>
<![endif]-->

2、如果顶端是flash的话,加上这行,让它透明。否则不用

<param name="wmode" value="transparent" />

完成以上工作后,用户用IE6打开,就会在顶端浮动一行文字提示,能提示用户又不影响正常浏览,真希望所有的网站都在用户使用IE6的时候都这样做,为快速消灭IE6做份贡献!

posted on 2011-04-30 23:35 廖勇军 阅读(244) 评论(5) 编辑 收藏

评论

#1楼  回复 引用 查看   

IE6必死
这个呢?
<!--[if IE 6]>
	<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>
<![endif]-->
2011-05-01 12:21 | librazy      

#2楼[楼主]  回复 引用 查看   

@librazy
你那个也不错,不过引用的中文JS,点击IE8却打开英文的下载地址。另外叉掉后,下次打开不会出现了,稍软弱一点,不是一直提示的。
2011-05-01 13:44 | 廖勇军      

#3楼  回复 引用 查看   

引用廖勇军:
@librazy
另外叉掉后,下次打开不会出现了,稍软弱一点,不是一直提示的。

我觉得只显示一次用户体验比较好。强买的瓜不甜,我们只能建议与善意的引导。特殊情况下,这样才不会让用户反感。
2011-05-02 16:18 | radom      

#4楼[楼主]  回复 引用 查看   

引用radom:
引用廖勇军:
@librazy
另外叉掉后,下次打开不会出现了,稍软弱一点,不是一直提示的。

我觉得只显示一次用户体验比较好。强买的瓜不甜,我们只能建议与善意的引导。特殊情况下,这样才不会让用户反感。

说得有道理,可以选择性地使用,如果网站对IE6下的显示还过得去,可以用软的,如果差异太大,用硬的:)
2011-05-07 18:12 | 廖勇军      

#5楼  回复 引用 查看   

@廖勇军
我更狠,IE6、7(6不支持?)下页面会左右反转
2011-05-08 16:35 | librazy      

导航

<2011年4月>
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

公告

 

欢迎加入SocanCode讨论群:

39028022(群1)
39025847(群2)
68162987(群3)

资源有限,请勿加入多个群,目前群3优先加入

昵称:廖勇军
园龄:4年6个月
粉丝:10
关注:1

搜索

 

随笔分类

文章分类

相关

最新评论

阅读排行榜

评论排行榜

推荐排行榜