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

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

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

【 tulaoshi.com - Web开发】

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

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

IE6真脆弱啊

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

关键代码：

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,有一个没有测出来。所以没写上来。

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

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

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

区分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能识别*，但不能识别 ...

css教程：IE6、IE7和FF的hack的运用技巧

标签： Html CSS布局 Div+CSS XHTML

CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。 FF浏览器 .test{ height:20px; background-color:orange; } IE7浏览器 *+html .test{/*IE7*/ height:20px; background-color:blue; } ...

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

标签： Web开发

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

10个HTML和CSS代码修正IE6问题的方法

标签： Web开发

我们知道，IE6可能过不了多久就会消失了，但是我们还能继续支持这个浏览器并且避免hack和有约束的CSS吗？这里是10个使用有效的HTML和CSS代码来修正IE6主要问题的方法。 1. 使用DOCTYPE 你应该在一直每个HTML文件的头部都使用DOCTYPE，并且我们推荐使用strict 版本，比如： 1 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN&qu...

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

标签： Web开发

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

查看更多精彩>>