CSS实例教程 汇总让IE6奔溃的几种方式

日期:2021-03-14 类型:科技新闻 

关键词:h5互动游戏,微信h5怎么制作,h5转盘抽奖,h5测试制作,凡科H5

常常遇到无缘无故让IE6奔溃的事儿。今日看到了1篇好文章章,脚本制作之家梳理梳理发上来,之后开发设计的情况下要留意了。

鉴于中国IE6的销售市场市场份额还在流行的状况,1定要防止出現下列状况。

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

<script>for (x in document.write) { document.write(x);}</script>

在FF和Chrome中,都会复印出“prototype”标识符,在IE6中马上奔溃。

用IE6点一下检测。

3.在CSS中应用通配符*,在HTML的table标识中立即置放內容(而并不是<tr>标识之类)

<style>*{position:relative}</style><table>aaabbbccc</table>

用IE6点一下检测。

4.CSS中出現@+随意标识符+/* 马上奔溃

<style>@;/*</style>

用IE6点一下检测。

5.onload="window()"

<body onload="window()"></body>

用IE6点一下检测。

注:原文中有6个致使奔溃的难题,我装的是IETester,有1个沒有测出来。因此没写上来。

上一篇:html 翻转条在IE6和IE7中适配性难题 返回下一篇:没有了