IE CSS Bug系列:border显示混乱

伯乐在线导读:IE 浏览器不支持很多 CSS 属性是出了名的,即便在支持的部分中,也是有很多 Bug 的。Zoffix Znet 整理了 IE 中的 CSS 问题,有简单的问题示例,也有解决方法。 这个系列共有 58 个指南,70 个解决方案。这篇由伯乐在线前端开发小组的 @nighca 翻译。(欢迎更多前端开发朋友来加入“前端开发小组。)

【提示】:IE CSS BUG 系列译文正在进行中,后续或有改动和调整,请不要转载本系列的译文。

—————————————————————————–

影响的IE版本

这个bug影响IE6

表现

border显示混乱,不该有的地方有了,该有的地方没有。

教程编写时间

2009.7.19 16:22:53

描述

这个bug会在很多不同情形下出现。

演示

因为bug的性质,演示在一个单独的页面

HTML Code:

CSS Code:

这个bug有很多不同的组合。在我们的演示中#two的负margin值触发了这个bug——#wrapperborder#two中漏了出来。

解决方案

以下是上述bug的解决方法(以类型排序)

解决方法 (layout方法)

该方法的时间

2009.7.19 16:40:16

可修复的的版本

所有受该bug影响的版本

描述

这是众多布局bug之一。我们来看下修复好的演示:

因为bug的性质,修复的demo在一个单独的页面

HTML Code:

CSS Code:

Conditional Comments:

我们在这里做的是给予父节点#wrapper layout。正如我所说的,这个bug以各种不同的形式出现,要认准哪个元素需要layout

收藏 评论

关于作者:nighca

(新浪微博:@nighca) 个人主页 · 我的文章 ·   

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部