严格来说不是光CSS就能令IE浏览器崩溃(crash)

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

令浏览器崩溃的代码如下:
Crash IE6

<style type="text/css">
a{position:relative;}
a:hover{float:left;}
</style>

<a href="">崩溃IE6 ,crash ie6</a>

在我写页面的时候发现的,此BUG只存在IE6中,伪类中应用a:active同样会遇到此问题

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>
<li>崩溃崩溃崩溃崩溃崩溃crash ie7</li>
</ul>
</div>

此BUG由偷米饭发现,只存在IE7中。偷米饭说估计是处理省略字的时候crash掉.

时间: 2024-10-03 23:16:04

严格来说不是光CSS就能令IE浏览器崩溃(crash)的相关文章

CSS网页制作技巧:IE浏览器下li的默认高度问题

文章简介:CSS网页制作技巧:IE浏览器下li的默认高度问题. 昨天,在家打开IE7浏览器看"视频导航网"的时候,发现居然有排版错误. 用F12开发者工具看了下,发现 li 的默认高度既然不统一? 用工具看了下,发现火狐高度解析统一为33px,而IE7解析高度根据字的不一样,默认解析的高度为30px,纯数字的解析高度为31px;中英文组合的解析高度为32px; 解决方法一:给LI设置高度后,IE7正常了,但IE6问题依然存在.原来,LI里面还嵌套着A标签,给A也设置一个高度后问题解决.

CSS实现元素相对于浏览器窗口进行定位

文章简介:CSS实现相对浏览器窗口定位彻底研究. Web Developer / Designer 经常需要将一个元素"固定"在页面的某个位置.例如弹出窗口.漂浮广告位等--本文将详细介绍简单CSS实现元素相对于浏览器窗口进行定位的方法. position:fixed生成绝对定位的元素,相对于浏览器窗口进行定位.元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规

CSS背景100%平铺 浏览器缩小背景显示不全解决办法

把浏览器的窗口缩小时,拖动滚动条时你会发现原本设定的CSS背景100%平铺的背景少了一块,而且窗口越小时,空白越大. 解决方法: width:100%;min-width:990px; 在width:100%; 后面加个 min-width:**px; 这个长度取于你的网页最低宽度. Ps: 逐风个人认为上诉的解决方案还不够人性化, 想要实现不同分辨率下灵活覆盖,逐风推荐以下处理方式: 1.结合JS,当窗口变化时执行事件进行width的固定值调整: 2.CSS限定最小宽度,当浏览器还有继续往小缩

DIV+CSS网页兼容所有主流浏览器技巧(IE6/IE7/IE8/IE9/Firefox/Chrome)

CSS兼容常用技巧 请尽量用xhtml严格格式写代码,一定要加DOCTYPE声明,因为DOCTYPE影响CSS处理,影响W3C标准. 1.div中文字的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍.这是一个ie6都存在的bug.解决方案是在这个div里面加上display:

HDS中国掌门庄国光:存储产业令我兴奋

6月1日,上午10点.黑龙江,大庆. 中国石油大庆油田研究所的高级工程师冯工一如既往在忙碌,他是一位非常资深的IT硬件专家,对市面上主流的服务器.存储产品几乎都非常熟悉.现在的他,要保证所有的系统运行正常,以便当日石油勘探开发的数据能够正常处理--很多数据是不可重复产生的,所以他们对后台存储设备的要求非常谨慎.令他比较安心的是,那台含有256TB FC硬盘的HDS USP V系统,运行以来一直很稳定,没有惹过麻烦. "如果HDS的工程师对石油勘探开发业务能够比我们自己更了解,那就更好了.&quo

CSS网页设计技巧总结:浏览器兼容技巧10则

文章简介:前端入门10个css bug顺口溜. css浏览器不兼容很折腾人.天外飞仙在其他网站上趴下来的,读了遍,还真是回事,说的蛮好的,就转来,权当给自己做笔记,俗话说的好,好记性不如烂笔头,也顺便给大家分享. 一.IE边框若显若无,须注意,定是高度设置已忘记: 二.浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中: 三.三像素文本慢移不必慌,高度设置帮你忙: 四.兼容各个浏览须注意,默认设置行高可能是杀手: 五.独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览: 六.学布局

用css编写的适合标准浏览器的无限分级弹出菜单

css|标准|菜单|浏览器 一直以来,我们大多使用js来实现弹出菜单,可是根据 w3c 的css标准,根本就没有这个必要.只需要简单得使用css+html就可以做出一个无限分级的弹出菜单. 没错,就是利用 Element:hover 这个伪类. 注意,浏览这个例子,你必须使用标准浏览器,例如 Mozilla Firefox/ Opera 7.5 IE 不行!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" &qu

CSS样式表教程之浏览器默认样式

不同浏览器对于相同元素的默认样式并不一致,这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}: 不过现在说的可不只是这些.基本上,不同内核的两个浏览器在某些元素的表现都会存在差异,比如缩进的大小.字体选择.字符样式等.也许一个很漂亮的CSS样式表在一个浏览器上表现良好,在另外一个浏览器上即使是没有CSS Bug的情况也会变得结构混乱起来,我都是浏览器默认样式在作怪. 因此,我们在生成CSS样式规则的时候,一个必做的步骤就是重设浏览器的默认样式,也就是覆盖掉浏览器

巧用CSS来控制div自适应浏览器的高度

有些朋友在用css+div做站的时候,经常会碰到这样一个问题,某个框架在不同的浏览器下会变形或者位置错乱,这该怎么办呢?其实方法很简单,用以下代码就可以解决了: <html>  <head>  <style>  #myTable{height:100%;border:solid 1px red;width:100%;}  #top{margin-top:1px;height:100px;border:solid 1px green}  #down{margin-top: