上一篇
下一篇
能让浏览器崩溃的CSS们
作者:SMbey0nd 日期:2008-08-13
在蓝色理想偶然看到的帖子，感谢gulu77和怿飞等网友分享。
=============^^代表着查看以下内容需要谨慎使用你的浏览器的含义的分隔线^^==============
如果你的HTML代码和CSS“配合精妙”的话，完全可能会让你的浏览器浏览页面的瞬间，直接Crash（崩溃）掉，虽然这种情况非常罕见。不过了解一下总是有好处。恐怕也只有MSIE系列难啃的骨头才会有如此之陷阱，FE工程师们又要多加小心了（向每天都提心吊胆的工程师们致敬
）。
令浏览器崩溃的代码如下：
1.Crash IE6（From gulu77）：
程序代码
Crash IE6：
<style type="text/css">
a{position:relative;}
a:hover{float:left;}
</style>
<a href="">崩溃IE6 ，crash ie6</a>
HTML代码
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
2.1.Crash IE7（第一招 From 偷米饭）：
程序代码
Crash IE7：
<style type="text/css">
div{float:left;width:175px;}
ul{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
li{position:relative;}
</style>
<div>
<ul>
<li>crash ie7</li>
</ul>
</div>
HTML代码
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
2.2.Crash IE7（第二招 From 怿飞）：
程序代码
Crash IE7：
<style>
a{position: relative;}
a span{position: absolute;}
</style>
<a href="">Link1<span /></a>
<a href="">Link2<span /></a>
HTML代码
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
补充：触发haslayout就不会Crash了（From cutsin）。
=============^^代表着查看以上内容需要谨慎使用你的浏览器的含义的分隔线^^==============
欢迎大家测试或调试新方法。
MSIE真的很强大，继续研究中……如发现有新的方法我会随时更新。
=============^^代表着查看以下内容需要谨慎使用你的浏览器的含义的分隔线^^==============
如果你的HTML代码和CSS“配合精妙”的话，完全可能会让你的浏览器浏览页面的瞬间，直接Crash（崩溃）掉，虽然这种情况非常罕见。不过了解一下总是有好处。恐怕也只有MSIE系列难啃的骨头才会有如此之陷阱，FE工程师们又要多加小心了（向每天都提心吊胆的工程师们致敬
）。令浏览器崩溃的代码如下：
1.Crash IE6（From gulu77）：
程序代码Crash IE6：
<style type="text/css">
a{position:relative;}
a:hover{float:left;}
</style>
<a href="">崩溃IE6 ，crash ie6</a>
HTML代码[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
2.1.Crash IE7（第一招 From 偷米饭）：
程序代码Crash IE7：
<style type="text/css">
div{float:left;width:175px;}
ul{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
li{position:relative;}
</style>
<div>
<ul>
<li>crash ie7</li>
</ul>
</div>
HTML代码[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
2.2.Crash IE7（第二招 From 怿飞）：
程序代码Crash IE7：
<style>
a{position: relative;}
a span{position: absolute;}
</style>
<a href="">Link1<span /></a>
<a href="">Link2<span /></a>
HTML代码[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
补充：触发haslayout就不会Crash了（From cutsin）。
=============^^代表着查看以上内容需要谨慎使用你的浏览器的含义的分隔线^^==============
欢迎大家测试或调试新方法。
MSIE真的很强大，继续研究中……如发现有新的方法我会随时更新。
文章来自: 
引用通告: 
Tags: 评论: 0 | 引用: 0 | 查看次数: -
发表评论