汇总让IE6崩溃的几种方法

2016-02-19 15:16 22 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的汇总让IE6崩溃的几种方法,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - Web开发 】

经常遇到莫名其妙让IE6崩溃的事情。今天看到了一篇好文章,数字生活整理整理发上来,以后开发的时候要注意了。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

鉴于国内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()"

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

body onload="window()"/body用IE6点击测试。

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

来源:http://www.tulaoshi.com/n/20160219/1609290.html

延伸阅读
标签: Web开发
一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) style #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } /style 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支...
标签: Web开发
本人专业是做UI的,写CSS已经有好几年了,目前刚刚在博客发布关于CSS的文章,欢迎有问题的朋友在有问必答论坛提问,我一定尽力解答。 1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针对IE7不错的hack方式就是使...
标签: Web开发
IE6下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层。 要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制...
IE6真是太疯狂了。今天由于项目需要做了这么一个布局:一个外部的相对定位div,内部一个绝对定位的div(right:0), 如图: 可是在IE6下查看,却变成了right:1px的效果了: IE6还有奇数宽度的bug,解决方案就是将外部相对定位的div宽度改成偶数。 查看源码: CSS代码 #out { width: 609px;/*这里宽度为奇数,bug就出现了!!改成偶数...
标签: Web开发
效果地址: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlefixed ie6/titlest...

经验教程

782

收藏

19
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部