CSS教程：汇总让IE6崩溃的几种方法

2016-02-20 00:05 8 1 收藏

在这个颜值当道，屌丝闪边的时代，拼不过颜值拼内涵，只有知识丰富才能提升一个人的内在气质和修养，所谓人丑就要多学习，今天图老师给大家分享CSS教程：汇总让IE6崩溃的几种方法，希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发】

经常遇到莫名其妙让IE6崩溃的事情。今天看到了一篇好文章，网页教学网整理整理发上来，以后开发的时候要注意了。

鉴于国内IE6的市场份额还在主流的情况，一定要避免出现以下情况。

IE6真脆弱啊

1.设置scrollbar-base-color，css里给table做了定位，再通过js改变其定位IE6就崩溃了。

关键代码：

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）style type="text/css"
html, body {
    scrollbar-base-color: #330066;
}
.crash {
position:absolute;
left:200px;
top:200px;
width:200px;
}
/style
script type="text/javascript"
    function galgenfrist() {
        window.setTimeout('crashIE();',1000);
    }

    function crashIE() {
        var moveNode = document.getElementById("move");
        if(moveNode) {
            moveNode.style.top = "100px";
            moveNode.style.left = "200px";
        }
    }
    /script
body onload="galgenfrist();"
    div id="move" class="crash"
    table
        tbody
        tr
        td
              textarea/textarea
        /td
        /tr
        /tbody
    /table
    /div
/body

用IE6点击测试。

2.document.write

scriptfor (x in document.write) { document.write(x);}/script

在FF和Chrome中，都会打印出prototype字符，在IE6中立即崩溃。

用IE6点击测试。

3.在CSS中使用通配符*,在HTML的table标签中直接放置内容（而不是tr标签之类）

style*{position:relative}/styletableaaabbbccc/table

用IE6点击测试。

4.CSS中出现@+任意字符+/* 立即崩溃

style@;/*/style

用IE6点击测试。

5.onload="window()"

body onload="window()"/body

用IE6点击测试。

注：原文中有6个导致崩溃的问题，我装的是IETester,有一个没有测出来。所以没写上来。

来源:http://www.tulaoshi.com/n/20160220/1631232.html

上一篇： win10 Build 10074应用商店更新了:功能更强大
下一篇： win7磁盘碎片清理功能强大

看过《CSS教程：汇总让IE6崩溃的几种方法》的人还看了以下文章更多>>

CSS让你的IE浏览器崩溃

标签： Web开发

严格来说不是光CSS就能令IE浏览器崩溃(crash)，而要配合一定的XHTML架构。到现时为止发现有两种写法的代码分别会令IE6、IE7崩溃，至于原因我尝试寻找过答案但至今还没找到…如你有这方面的认识或更详细的资料很希望你能分享一下！令浏览器崩溃的代码如下： Crash IE6 style type="text/css" a{position:relative;} a:hover{float:l...

区分IE6,IE7和firefox的CSS hack

标签： Web开发

区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6： background:orange;*background:green !important;*background:blue; 注：IE都能识别*;标准浏览器(如FF)不能识别*； IE6能识别*，但不能识别 ...

解决IE6不能正常解析CSS文件的方法及原因

标签： Web开发

网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的，然而当 CSS 文件中包含有中文注释时就可能不尽如人意了！估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析，所以才会发生 CSS 在 IE6 下不起作用的...

CSS实例教程:IE6奇数宽度或高度的bug

标签： Web开发

IE6真是太疯狂了。今天由于项目需要做了这么一个布局：一个外部的相对定位div，内部一个绝对定位的div（right:0），如图：可是在IE6下查看，却变成了right:1px的效果了： IE6还有奇数宽度的bug，解决方案就是将外部相对定位的div宽度改成偶数。查看源码： CSS代码#out { width: 609px;/*这里宽度为奇数，bug就出现了！！改成偶数...

CSS Hack:区分IE6/IE7/IE8/Firefox

标签： Web开发

今天被在修改CSS的时候，突然碰到要单独Hack IE8的。当然，用注释非常方便，只要添加相应的注释就可以解决。但问题是，为了一句CSS写多一个文件，或者在header上添加注释，那显然不是懒人的习惯做法。结论如下： selector{ property:value; /* 所有浏览器 */ property:value\9; /* 所有IE浏览器 */ +property:value; /* IE7 */ _prope...

查看更多精彩>>