艺灵设计

全部文章
×

IE6下的文本溢出BUG,外号“谍影重重”

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-10-22 14:41:30 - 阅: - 评:1 - 积分:0

自古以来,ie6就像妖魔鬼怪一样,时时出现在我们通往西天取经的道路上。虽然我们都有着像唐僧一样的善心来感化ie6这个恶魔,但这家伙从来不感激。你说他不感激就算了,反而一而再再而三的给我们添麻烦。于是,我们都带着悟空那种嫉恶如仇心上路,一路上每走一步就要与ie6恶魔大战三百回合。有时ie6这个恶魔由于没有吃饱等原因,几分钟就将其打跑了,于是我们便高兴的向成功迈出那坚难的一步;有时而且ie6这个恶魔像吃了兴奋剂,越斗越来劲。跟其斗了3天3夜,结果自己身负重伤,不得不落荒而逃......

在家养伤那段日子是最痛苦的日子,脑海中偶尔浮现了太多武侠人物的绝学。自己试想着集百家之长融入一身来为民除害。此时想到了一首不知名电视连续剧的主题曲,心中默念那句:“待我长发及腰时,挥刀杀到天明去!”ie6你这个恶魔,哥又回来了,还不快快现身,等待何时?源码如下:

在线演示
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>IE6下的文本溢出BUG,外号“谍影重重”</title>
  6. <meta name="author" content="艺灵设计,yilingsj@gmail.com, www.yilingsj.com" />
  7. <style type="text/css">
  8. *{margin:0; padding:0;}
  9. .box{width:70%; zoom:1; overflow:hidden; background:#333;}
  10. .box_l{float:left;background:#999; width:20%}
  11. .box_r{float:right;background:#666; width:80%}
  12. </style>
  13. </head>
  14. <body>
  15. <div class="box">
  16.  <!-- 左 -->
  17.  <div class="box_l">左</div>
  18.  <!-- 右 -->
  19.  <div class="box_r">最近学会了“谍影重重”技能,看我如何来迷惑你。哼哼!</div>
  20. </div>
  21. </html>

点击上面的“"在线演示”,此时ie6这个恶魔就已经现身了。在家养伤这段日子,这家伙趁机又学会了一招新的技能,那就是“谍影重重”。该技能有什么功能呢?正如名字一样,透露着极重的杀气名字下暗藏着玄机。如同分身术一样,让人不知其真假来达到蛊惑人心智后杀人于无形!该技能有n层,每上一层,功力大增一倍,分身术也就更牛b。

上面展示的是第一层的功能,接下来看我让其展现出第十层的功能,让你惊呆到窒息!

小伙伴们,你们惊呆了吗?此时洒家想死的心都有了!“谍影重重”第十层的功力果然已经到了登峰造级的地步。你以为这项技能就只有十叫层吗?那你就错了,该技能随使用者使用注释的数量而成正比。上面两幅图中的注释数量显而易见,而“谍影重重”的威力也是愈加愈强。既然该技能是使用者产生的副作用,那么去掉注释也许会情况好转。

当然,注释是生成“谍影重重”的一个方面,还是来看看手册中的详细说明吧。

转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:/div/2013-10-22/100.html

若亲不想直保留地址,含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载,随便修改,但请尊重艺灵的劳动成果!谢谢理解。

亲,扫个码支持一下艺灵呗~
如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!

Tag: ie6 bug 文本溢出 谍影重重 多出的一只猪

上一篇: 实现标题前面的圆点的5种方法   下一篇: 报刊中常用的首字下沉效果

评论区