`
ava_chc2000
  • 浏览: 76909 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

14 Sep 09 CSS让你的IE浏览器崩溃(Crash your IE)

IE浏览器CSSJavaScriptHTML 
阅读更多

严格来说不单是CSS就能令IE浏览器崩溃(crash)，而要配合相应的XHTML架构。到现时为止发现有两种正常写法及一种错误结构分别导致会IE6、IE7崩溃(crash)，至于原因我尝试寻找过答案但至今还没找到…如你有这方面的认识或更详细的资料很希望你能分享！

1 crash IE6 code

Demo:http://blog.gulu77.com/demo/200808/crash_ie6.html

此BUG只存在IE6中,当伪类为 a:active 时同样会遇到此问题

a{position:relative;}
a:hover{float:left;}

解决方案：为 <a> 添加 zoom:1; 令其触发haslayout

    

  1. a{position:relative;zoom:1;}

    2. 

  2. a:hover{float:left;}

    3.

2 crash IE6 code

这是HTML结构错误而导致IE6的崩溃,在<col width=”100″/>前或后添加任何字符均会导致IE6 Crash

Demo:http://blog.gulu77.com/demo/200808/HTML_errors_crash_ie6.html

    

  1. 
<table style="table-layout:fixed;">

    2. 

  2. 
<colgroup>

    3. 

  3. 
<col width="100"/>Crash IE6
    4. 

  4. 
</colgroup>

    5. 

  5. 
</table>

    6.

3 crash IE7 code

Demo:http://blog.gulu77.com/demo/200808/crash_ie7.html

Bug from 偷米饭，此bug只存在IE7中据估计是处理省略字的时候导致IE7崩溃.

    

  1. 
<style type="text/css">

    2. 

  2. div{float:left;width:175px;}

    3. 

  3. ul{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

    4. 

  4. li{position:relative;}

    5. 

  5. 
</style>

    6. 

  6. 
<div>

    7. 

  7. 
<ul>

    8. 

  8. 
<li>崩溃崩溃崩溃崩溃崩溃crash ie7</li>

    9. 

  9. 
<li>崩溃崩溃崩溃崩溃崩溃crash ie7</li>

    10. 

  10. 
</ul>

    11. 

  11. 
</div>

    12.

解决方案：为

  • 添加 zoom:1; 令其触发haslayout

     

      

    1. 
<style type="text/css">

      2. 

    2. div{float:left;width:175px;}

      3. 

    3. ul{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

      4. 

    4. li{position:relative;zoom:1;}

      5. 

    5. 
</style>

      6.

    4 crash IE6 code

    Demo:http://blog.gulu77.com/demo/200808/crash_ie6_test1.html

    当再次改变定位时浏览器崩溃，但似乎也需要N个帮凶才会导致崩溃的代码中CSS table的相属性都缺一不可。

      

    1. 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      2. 

    2.        <html xmlns="http://www.w3.org/1999/xhtml">

      3. 

    3.        <head>

      4. 

    4.        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

      5. 

    5.        <title>CRASH-IE,CSS让你的IE浏览器崩溃</title>

      6. 

    6.      <style type="text/css">

      7. 

    7.        html, body {overflow: hidden;scrollbar-base-color: #330066;}
      8. 

    8.        .crash {position:absolute;left:200px;top:200px;width:200px;}
      9. 

    9.      </style>

      10. 

    10.      <script type="text/javascript">

      11. 

    11.        function galgenfrist() {
      12. 

    12.        window.setTimeout('crashIE();',1000);
      13. 

    13.        }
      14. 

    14.  function crashIE() {
      15. 

    15.        var moveNode = document.getElementById("move");
      16. 

    16.        if(moveNode) {
      17. 

    17.        moveNode.style.top = "100px";
      18. 

    18.        moveNode.style.left = "200px";
      19. 

    19.        }
      20. 

    20.        }
      21. 

    21.      </script>

      22. 

    22.      </head>

      23. 

    23. 
<body onload="galgenfrist();">

      24. 

    24.      <h1>CRASH-IE</h1>

      25. 

    25.      <div id="move" class="crash">

      26. 

    26.      <table>

      27. 

    27.      <tbody>

      28. 

    28.      <tr>

      29. 

    29.      <td>

      30. 

    30.      <textarea></textarea>

      31. 

    31.      </td>

      32. 

    32.      </tr>

      33. 

    33.      </tbody>

      34. 

    34.      </table>

      35. 

    35.      </div>

      36. 

    36.      </body>

      37. 

    37. </html>
      38.

    5 crash IE6 code

    Demo:http://blog.gulu77.com/demo/200808/crash_ie6_test2.html

    具体引起的原因暂时无法解析，但在兼容性和执行效率来看一般不会采取这样的写法。

      

    1. 
<script>

      2. 

    2.      for (x in document.write) {

      3. 

    3.           document.write(x);}

      4. 

    4. 
</script>

      5.

    6 crash IE6 code

    Demo:http://blog.gulu77.com/demo/200808/crash_ie6_test3.html

    传说是一名日本人发现的，table中直接放置内容，在IE6会引起Mshtml.all模块损坏而关闭浏览器，非IE6则安全无恙。

      

    1. 
<style>

      2. 

    2.      * {position:relative}

      3. 

    3. 
</style>

      4. 

    4. 
<table>

      5. 

    5.      <input>

      6. 

    6. 
</table>

      7.

    7 crash IE6 code

    Demo:http://blog.gulu77.com/demo/200808/crash_ie6_test4.html

    1. 
<body onLoad=”window()”>

    8 crash IE6 code

    Demo:http://blog.gulu77.com/demo/200808/crash_ie6_test5.html

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

      

    1. 
<style>

      2. 

    2.      @;/*

      3. 

    3. </style>
      4.
    • 分享到：
    | IE6 最常10种修复bug方法
    评论
    发表评论

    您还没有登录,请您登录后再发表评论

    相关推荐

      SEP14充重置密码方案.docx

      SEP14充重置密码方案 SEP14充重置密码方案是一份详细的密码重置解决方案，旨在帮助用户快速恢复密码。该方案基于SEPM控制台，结合SMTP拦截工具，指导用户一步步完成密码重置过程。 安装SMTP拦截工具 在安装SMTP...

      sep 阅读器

      sep reader书生公文阅读器支持阅读SEP、GW、GW2、GD、S2/S72/S92等文件，支持独立运行和嵌入IE运行两种模式，提供放大、缩小、前进、后退、打印、文字搜索、文本拷贝、图片拷贝、全屏显示等基本文档操作，以及提供...

      书生sep电子文档阅读器套件

      书生sep电子文档阅读器套件是一款专为用户设计的高效、全面的电子文档查看工具。这款套件由书生公司开发，旨在提供一个统一的平台来处理多种类型的电子文档，包括他们自家的SEP格式以及其他的流行格式如GW、GD、IFR...

      SEP14.0卸载工具

      赛门铁克杀毒软件（Symantec Endpoint Protection，简称SEP）是一款广泛应用于企业级的防病毒和安全防护解决方案。该软件提供了全面的保护，包括防病毒、防火墙、入侵防御、恶意软件检测等，为用户提供了强大的安全...

      css样式美化菜单 css

      通过选择器（如类名、ID或元素标签名）来定位菜单元素，然后设置相应的CSS属性来改变它们的样式。例如： ```css .menu { background-color: #333; color: white; text-align: center; } .menu a { display: ...

      sep-reader阅读器

      "sep-reader阅读器"是一款专为用户提供文档阅读功能的软件。在互联网上寻找合适的阅读器可能是一项挑战，因为各种阅读器的功能、兼容性和用户体验各不相同。然而，"sep-reader"阅读器因其基本功能的可用性和实用性，...

      SEP客户端迁移和升级

      "SEP客户端迁移和升级" SEP 客户端迁移和升级是指将 SEP 客户端从旧版本升级到新版本或将其迁移到新的环境中，以确保信息安全项目的顺利实施。下面是 SEP 客户端迁移和升级的相关知识点： 一、SEP 客户端安装概述 ...

      书生阅读器 sep readerV7.2

      书生阅读器（SEP Reader V7.2）是一款专为打开和阅读书生公司出品的特定文件格式设计的专业软件。书生公司在文档处理领域有着深厚的技术积累，其开发的文件格式，如.gd（可能代表“书生文档”），是为了满足用户在...

      SEP4020数据手册

      **SEP4020** 是一款由东芯设计的高性能嵌入式微处理器，该处理器基于ARM架构，广泛应用于各种嵌入式系统中。本手册旨在为用户提供全面的技术支持，包括处理器的基本架构、各个模块的功能描述以及详细的编程指南等。 ...

      CSS最新版5.5.0.00077

      CSS最新版5.5.0.00077，下载，然后自动安排。

      sep reader(书生公文阅读器)

      sep reader(书生公文阅读器)

      SEP协议原文.pdf

      ### SEP协议：一种针对异构无线传感器网络的稳定选举协议 #### 概述 本文将深入探讨SEP（Stable Election Protocol）协议的核心概念及其在异构无线传感器网络中的应用价值。无线传感器网络（Wireless Sensor ...

      Sep_matlab_SEP_

      标题 "Sep_matlab_SEP_" 暗示这是一个与信号处理（SEP，可能代表Signal Processing）相关的MATLAB源代码集合。MATLAB是一种强大的编程环境，特别适用于数值计算、数据分析和算法开发，广泛应用于信号处理领域。描述...

      书生阅读器SEP7.2.zip

      书生阅读器SEP7.2是一款专为打开和阅读".gd"类型文件设计的应用软件，由书生公司（Sursen）开发。该版本是书生阅读器的第七个主要迭代，提供了一个全面的解决方案来处理这类特定格式的文档。这款阅读器不仅支持查看...

      安装SEP前系统检查

      【安装SEP前系统检查】是针对Symantec Endpoint Protection 11.0版本进行的一项重要准备工作，确保在安装前满足所有必要的硬件和软件要求。Symantec Endpoint Protection是一款集成了防病毒、防火墙、入侵防御和防...

      sep gateway enforcer 6100配置

      通过以上步骤，你可以成功配置并管理赛门铁克SEP Gateway Enforcer 6100，为你的网络提供强大的安全保护。在实际操作中，务必参考《6100交换机配置文档.ppt》等详细指导材料，以确保每个环节都准确无误。

      symantec SEP卸载工具

      symantec SEP官方卸载工具，用于卸载sep 11系列产品

      SEP.rar_SEP_SEP MATLAB

      标题中的"SEP.rar_SEP_SEP MATLAB"表明这是一个与SEP（可能是信号处理或某个特定算法的缩写）相关的MATLAB代码集合。描述中提到的"code for SEP algorithm"进一步确认了这一点，意味着压缩包内包含的是用于实现SEP...

      SEP11服务器安装手册

      《SEP11服务器安装手册》详细介绍了赛门铁克企业版11.0的安装步骤，适用于Windows 2003 Server环境。在开始安装前，确保系统已经安装了最新的操作系统补丁，并且配置了IIS服务。同时，SQL Server 2000需安装并更新至...

    Magicbox
    Global site tag (gtag.js) - Google Analytics