IE的CSS相关的BUG(整理一)

时间:2021-11-15 11:42:14

本来不想弄这个ie的bug的,真的很想让它快点死掉,可是事与愿违啊,没办法,还是贴出来,以备自用。

这个网页(http://haslayout.net/css/index)上例举了所有的IE和CSS相关的BUG。如果你在开发网页的时候,你需要看看。

目前,这个网站上包含了 28 个“普通的Bug” , 4 个“布局方面的Bug” ,6 个“可以绕开的Bug” 以及 1 个“IE崩溃的Bug”,所有的这些Bug有39个指南和48个解决方法。这个列表目前更新到 2009年8月11日,19:50:22

下面是所有的bug列表,你可以点击每个BUG名的链接查看更详细的说明。

普通Bug

这部分 IE 的 bug 是比较普通的无法归到其它种类,或是同时属于多个种类的Bug。

名称 IE的版本 描述
Hover White Background Ignore Bug IE7 background 不会因为 :hover而改变
IE7 Child Selector Comment Bug IE7 一个 selector 包含了一个子的selector,如果后面跟着一个注释,则会被完全忽略。
Star HTML Bug IE6 * html selector 在 IE6 中没有被忽略
IE6 !important Ignore Bug IE6 !important 关键字会忽略,如果有相同的属性被设置了
PNG Image and Background Color Mismatch IE8 及以下版本 背景颜色和指定的图片的颜色不一致。而他们本来是一致的。IE认为这是他一个Feature。太可笑了。
No Auto Margin Center Pseudo-Bug IE8 及以下版本 如果把margins 设置成 `auto` ,IE不会把组件放置在中间的位置。所有的浏览器都会,只有IE不会。
:first-line !important Rule Ignore Bug IE8 如果在伪class :first-line 内使用!important,那么其所有定义会被忽略。
:first-letter Ignore Bug IE6 整个:first-letter 的属性定义会被除数完全忽略。
:first-letter !important Rule Ignore Bug IE8 如果在伪class :first-letter内使用!important,那么其所有定义会被忽略。
Partial Click Bug v2 IE8以 设置了整个区域是可以点击的,但在IE中只有文本可以点击。
Staircase Bug below IE8 浮动的元素排序起来就像一个楼梯。
Disappearing List Background Bug IE6 B <li>, <dt>, <dd> 没有背景。
noscript Ghost Bug IE8 and below <noscript> 标识中只有 borders/background 才有用。
No Transparency Click Bug IE8 and below 背景透明的图片在作为链接时,并且其“filter”被设置成了PNG透明,但其背景还是不可点击。
List Drop Shift Bug IE8 在<li>中的内容被换行了。
No Increase on <ol> Numbers Bug below IE8 <ol> 中的 <li> 列表序号不会增加。
No Bullets on <ul> and <ol> Bug below IE8 在<ul> 和 <ol> 中看不到列表序号/数字了。
No line-height Vertical Center on Images Bug IE8以下版 图片使用line-height 方法不能垂直居中
No Background Image Bug IE8及以下版 在IE中使用background无法定义背景图
Custom Cursor Bug IE8及以下版 自定义鼠标不工作
Leaking Background Bug IE6 背景从一个元件的内部溢出到外部
Expanding Height Bug IE6 元件的高度比指定的要长得多。
Expanding Width Bug IE6 元件的宽度比指定的要长得多。
Double Margin Bug IE6 float元件的左和右的空白(margins)被加倍了。
Negative Margin Bug IE8以下版 如果使用负数来指定页白(margins)里面的元件会被外面的元件所遮挡。
Italics Float Bug IE6 float的元件中的字体会被设置成倾斜。
3px Gap Bug aka Text Jog Bug IE6 下一个float的元件不是有一个3px的空隙,就是被换行了。
Text-Align Bug IE8以下版 text-align属性会影响整个元件内的所有内容。

布局类 Bug

 
名称 IE的版本 描述
Border Chaos Bug IE6 连框显示是混乱的
Sub-Hover Bug IE6 一些selectors 如 a:hover foo{} 无法正常工作
Partial Click Bug IE6 在定义了display: block的链接中(<a>) 只有文本是可以点的。
Disappearing Content Bug IE6 当我们滚动窗口的时候,或是最大化最小化窗品的时候,有一些内容会重复显示。

不支持的功能

名称 IE的版本 描述
No Child Selector Support Workaround IE6 子 selector 无效
Max-Height Workaround IE6 max-height 无效
Max-Width Workaround IE6 max-width 无效
Opacity IE8及以下版 opacity 属性无效
Min-Width Workaround IE6 min-width 属性无效
Min-Height Workaround IE6 min-height 属性无效

程序崩溃 Bug

这个BUG可以导致整个 IE 崩溃。

名称 IE的版本 描述
Hover Crash Bug IE6 当你把鼠标移上 :hover 的链接时,浏览器会崩溃

(全文完)

IE的CSS相关的BUG(整理一)的更多相关文章

  1. 【web前端面试题整理03】来看一点CSS相关的吧

    前言 昨天我们整理了14到js的题,今天我们再来整理14到CSS相关的题目,昨天整理时候时间有点晚了我便有点心浮气躁,里面的一些题需要再次解答,好了看看今天有些什么吧. PS:我这里挑一点来做就好了, ...

  2. css兼容性问题的整理

    css兼容性问题的整理 1.文字本身的大小不兼容.同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff下实际占高17px,上留白1 ...

  3. div&plus;css通用兼容性代码整理

    一.Div+css通用兼容性代码 你可以在css开头加入 *html{padding:0px} <style> *html{padding:0px} /* Clear Fix */ .cl ...

  4. CSS常见布局问题整理

    实现div的水平居中和垂直居中 多元素水平居中 实现栅格化布局 1. 实现div的水平居中和垂直居中 实现效果: 这大概是最经典的一个题目了,所以放在第一个. 方法有好多, 一一列来 主要思路其实就是 ...

  5. css 兼容性问题,整理

    css 兼容性问题,整理: css 兼容性问题 说明 <input type="number"> 在chrome下,是不能输入非数字的字符的:但是在火狐63.0.3(2 ...

  6. Css相关用法个人总结

    Css相关用法个人总结

  7. CSS 水平滚动条 bug &amp&semi; width auto increase bug

    CSS 水平滚动条 bug css overflow & width auto increase bug 问题排查方式 删除可疑的模块,一步步找到问题的原因,定位问题所在 寻找可能会导致 wi ...

  8. 2019&period;4&period;18 HTML &plus; CSS相关整理

    目录 标签 块标签 行标签 行块转化 嵌套规则 css引入方式 行间样式 内部引入 外部引入 选择器 基础选择器 组合选择器 盒模型 css样式 字体属性 设置字体的大小 设置字体的粗细 设置字体的风 ...

  9. css相关整理-其他

    1.设备像素(device pixel): 设备像素是物理概念,指的是设备中使用的物理像素.CSS像素(css pixel): CSS像素是Web编程的概念,指的是CSS样式代码中使用的逻辑像素.通过 ...

随机推荐

  1. php缓冲区详解

    什么是缓冲区(buffer)? 简单而言,缓冲区的作用就是,把输入或者输出的内容先放进内存,而不显示或者读取.至于为什么要有缓冲区,这是一个很广泛的问题,如果有兴趣,可以在网山找下资料. 其实缓冲区最 ...

  2. css定位 与position

    本文同时发表于本人个人网站 www.yaoxiaowen.com 在正式讨论position之前,我们需要知道几个概念. 块元素:独占一行的元素.比如div,h1~h6,p等,它是自带换行的. 内联元 ...

  3. Approvals for EBS 1&period;4 Now Available

    If you haven't been following the excellent Workflow blog, you might have missed the announcement ab ...

  4. ORACLE恢复删除的数据

    ---正在执行的 select a.username, a.sid,b.SQL_TEXT, b.SQL_FULLTEXT  from v$session a, v$sqlarea b where a. ...

  5. rdlc 分页操作

    工具箱中拖一个列表过来,设置 列表-->行组-->组属性常规-->组表达式=Int((RowNumber(Nothing)-1)/10)分页符-->勾选在组的结尾

  6. JAVAEE学习笔记

    以后创建常量有三个名字:Constant   SystemParas   StaticValue 上限或者下限命名      max_    min_ 包含的范围命名     first      l ...

  7. No simulation input file assignm…

    QuartusII中仿真时出现No simulation input file assignment specified on simulator page of the settings dialo ...

  8. docker常用命令总结

    1.docker ps  查看当前正在运行的容器 2.docker ps -a 查看所有容器的状态 3.docker start/stop id/name     启动/停止某个容器 4.docker ...

  9. emWin洗衣机简易操作界面,含uCOS-III和FreeRTOS两个版本

    第3期:洗衣机简易操作界面 配套例子:V6-904_STemWin提高篇实验_洗衣机简易操作界面(uCOS-III)V6-905_STemWin提高篇实验_洗衣机简易操作界面(FreeRTOS) 例程 ...

  10. K8S、云计算、大数据、编程语言

    云计算.大数据.编程语言学习指南下载,100+技术课程免费学!这份诚意满满的新年技术大礼包,你Get了吗?-云栖社区-阿里云https://yq.aliyun.com/articles/691028 ...