IE的CSS相关的BUG(整理一)
本来不想弄这个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(整理一)的更多相关文章
- 【web前端面试题整理03】来看一点CSS相关的吧
前言 昨天我们整理了14到js的题,今天我们再来整理14到CSS相关的题目,昨天整理时候时间有点晚了我便有点心浮气躁,里面的一些题需要再次解答,好了看看今天有些什么吧. PS:我这里挑一点来做就好了, ...
- css兼容性问题的整理
css兼容性问题的整理 1.文字本身的大小不兼容.同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff下实际占高17px,上留白1 ...
- div+css通用兼容性代码整理
一.Div+css通用兼容性代码 你可以在css开头加入 *html{padding:0px} <style> *html{padding:0px} /* Clear Fix */ .cl ...
- CSS常见布局问题整理
实现div的水平居中和垂直居中 多元素水平居中 实现栅格化布局 1. 实现div的水平居中和垂直居中 实现效果: 这大概是最经典的一个题目了,所以放在第一个. 方法有好多, 一一列来 主要思路其实就是 ...
- css 兼容性问题,整理
css 兼容性问题,整理: css 兼容性问题 说明 <input type="number"> 在chrome下,是不能输入非数字的字符的:但是在火狐63.0.3(2 ...
- Css相关用法个人总结
Css相关用法个人总结
- CSS 水平滚动条 bug & width auto increase bug
CSS 水平滚动条 bug css overflow & width auto increase bug 问题排查方式 删除可疑的模块,一步步找到问题的原因,定位问题所在 寻找可能会导致 wi ...
- 2019.4.18 HTML + CSS相关整理
目录 标签 块标签 行标签 行块转化 嵌套规则 css引入方式 行间样式 内部引入 外部引入 选择器 基础选择器 组合选择器 盒模型 css样式 字体属性 设置字体的大小 设置字体的粗细 设置字体的风 ...
- css相关整理-其他
1.设备像素(device pixel): 设备像素是物理概念,指的是设备中使用的物理像素.CSS像素(css pixel): CSS像素是Web编程的概念,指的是CSS样式代码中使用的逻辑像素.通过 ...
随机推荐
- break、continue和goto 三者作用介绍
跳跃语句 由于break.continue和goto语句有助于跳跃到代码中的某个特定语句,因此它们属于跳跃语句.下面是这三个语句的介绍. ①break语句 这个语句常与switch语句联合使用:但是, ...
- 访问的是A网址,但是跳转B网址的内容,地址栏还是A网址
最近家里宽带续费,是用小区小广告的宽带,打开http://download.csdn.net/ 或其他一些设计下载.购物商城或威客网址进不去 提示 经过网上大量搜索和请教,都说是以下几点引起的 1.网 ...
- SQL利用临时表实现动态列、动态添加列
--方法一--------------------------------------------------------------------- declare @sql as varchar(1 ...
- 五、C# 类
面向对象编程 类是面向对象编程的3个主要特征---封装.继承和多态性---的基础. 封装允许隐藏细节. 继承 继承关系至少涉及两个类,其中一个类(基类)是另一个类的更泛化的版本. 为了从一 ...
- jquery mobile listview列表属性(搜索自动填充检索效果)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...
- 94 Binary Tree Inorder Traversal(二叉树中序遍历Medium)
题目意思:二叉树中序遍历,结果存在vector<int>中 解题思路:迭代 迭代实现: /** * Definition for a binary tree node. * struct ...
- [C#] 用一种更优美的方式来替换掉又多又长的switch-case代码段
switch-case语句是我们编码过程中常用的一种分支语句.然而正所谓成也萧何败萧何,每当我们向一个已经拥有了成百上千行的switch-case代码段中添加新的case分支的时候,我们是否有过为代码 ...
- 【行为型】Memento模式
备忘录模式顾名思义就是一种能有备忘作用的设计模式,其目的是在对象外部保存其在某一时刻的状态信息,并且在任何需要的时候,都可以通过备忘录中保存的状态数据恢复对象在当时情形下的状态. 备忘录模式旨在对象的 ...
- 实验三:gdb跟踪调试内核从start_kernel到init进程启动
原创作品转载请注明出处<Linux内核分析>MOOC课程http://mooc.study.163.com/course/USTC-1000029000 如果我写的不好或者有误的地方请留言 ...
- More lumber is required
hdu4396:http://acm.hdu.edu.cn/showproblem.php?pid=4396 题意:一个无向带权图,然后给出起点s,终点e,让你求s到e的最短路径,但是这里的路径有要求 ...