虽然我们对CSS曾经非常熟悉，应付日常的任务或在各个浏览器中搞定CSS的兼容性曾经很得心应手，但是并不是所有的CSS属性都是那么的常用。在本文中，让我们看看10个可能非常有用但是在该死的IE浏览器中(次要是IE6和IE7)却不能使用的CSS属性。看完了该文，你可能会愈加讨厌IE浏览器吧。

(请留意，本文发表时髦未测试这些属性在IE8中的表现。我稍后会做一个测试页面，用来测试这些属性在所以IE浏览器中的表现。)

1. Outline

在调试CSS问题的时候，我常常在指定元素上添加border来精确的查看该元素会发生什么并协助确定问题的来源。这常常是无效的，由于它可以在规划上给我愈加具体的可视性。但是如果是块级元素，这可能会发生某些错误——在任何块级元素上添加1px的边框很可能会影响到规划，它会让这个元素的宽度额外添加2px。

outline 属性是完满的替代者，由于它可以在不影响文档流的情况下呈现该对象。但是IE6 和IE7 不支持 outline 属性，所以，它不能在这两个浏览器中用于调试。

2. Inherit (值)

在CSS开发中有很多这样的例子：通过在特定元素上设置某些款式来通知该元从来“承继”它父级元素的所有已添加的属性，这样你就可以避免相当多的键盘输入。

这可以通过设置 inherit 来很容易的实现。这可能很有用。比如，当重写 background 属性的时候，常常会有很多的文字在该属性中(色彩、图片的URL地址、位置等)。所以，与其重新写这些值，你可能仅仅想要考虑中的元素和其父级元素有相反的背景属性，一个 inherit 值就可以搞定一切——这显然大大的节省了键盘输入。

不幸的是， inherit 值在IE6和IE7不被支持（除了用于 direction (文字方向) 和 visibility 属性）。

某人说，代码就像女人的裙子——越短越好，看来IE会妨碍我们这个愿望的实现。

3. Empty-Cells

该属性只用于table或者”display”属性被设置为”table-cell”的元素。如果你动态的为一个table添加内容，就可能会遇到某个单元格的内容为空的情况，然后你又不希望这个空的单元格的边框、背景色、背景图片等隐藏掉。

使用”empty-cells: hide”就能处理这个问题，它会将可能出现这种情况的单元格完全隐藏掉。

Internet Explorer 不支持empty-cells属性。

4. Caption-Side

说到table 的属性，这个属性用于声明显示在表格的侧栏的表格标题。它接受 top 、 bottom 、 left 和 right 四个值。Internet Exporer 不支持这个属性，table的标题在IE6和IE7中将总是出如今表格的顶部。

5. Counter-Increment / Counter-Reset

有序列表(<ol>)非常方便，由于它可以省去你手工添加递增数字的麻烦，而且它允许你不用更改数字就能改变列表的序列。

CSS 拥有 counter-increment 和 counter-reset 属性，它允许你用来自动生成递增数字到几乎所有的HTML元素上，就像有序列表的效果一样。

这里有个示例：

1
2

h2 {counter-increment: headers;}
h2:before {content: counter(headers) ". ";}