IE的CSS Bug列表(IE6,IE7和IE8)

这个网页上例举了所有的IE和CSS相关的BUG。如果你在开发网页的时候,你需要看看。

网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、重庆小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了临武免费建站欢迎大家使用!

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

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

IE的CSS Bug:普通Bug

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

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

    IE的CSS Bug:布局类 Bug

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

    IE的CSS Bug:不支持的功能

    名称IE的版本描述
    No Child Selector Support WorkaroundIE6子 selector 无效
    Max-Height WorkaroundIE6max-height 无效
    Max-Width WorkaroundIE6max-width 无效
    OpacityIE8及以下版opacity 属性无效
    Min-Width WorkaroundIE6min-width 属性无效
    Min-Height WorkaroundIE6min-height 属性无效

    IE的CSS Bug:程序崩溃 Bug

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

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

    本文来自酷壳《IE的CSS相关的BUG》。

    【编辑推荐】

    1. 通过CSS实现文字旋转
    2. 高手总结CSS书写技巧
    3. CSS 3中的炫目新功能抢先预览
    4. CSS 3备受期待的8大功能
    5. CSS网页布局困扰新手的八个问题

    分享文章:IE的CSS Bug列表(IE6,IE7和IE8)
    网页URL:http://www.shufengxianlan.com/qtweb/news46/139846.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联