Internet ExploreR语言 IE9 CSS Hack - 哪些属性不起作用？

Question

我想在我的CSS中使用IE9 hack，而不是有一个单独的条件样式表。

这些似乎不起作用。

.cover-header .cover-intro {
  text-align: center 9;
  font: 0/0 a 9;  
}
.cover-header .cover-intro:before {
  content: ' ' 9;
  display: inline-block 9;
  vertical-align: middle 9;
  height: 100% 9;
}
.cover-header .cover-intro .cover-heading {
  width: 100% 9;
  display: inline-block 9;
  vertical-align: middle 9;
  font: 16px/1 'Lato', Helvetica, sans-serif 9;
}

我想知道这个hack支持什么属性，如果上面是，为什么它们不被应用到IE9浏览器?

任何帮助都是感激的。提前感谢!

Answer 1

9 hack应该与所有属性一起工作。这里的问题是，在9前面有一个空格，这破坏了hack。

删除空格应该可以修复它。这样做可能会降低CSS的可读性，但不幸的是，在这种情况下，这是绝对必要的。在具有空格分隔值的属性中，例如font简写，只应删除9前面的空格;其余部分应该保留，因为它们是属性值的一部分。

.cover-header .cover-intro {
  text-align: center9;
  font: 0/0 a9;
}
.cover-header .cover-intro:before {
  content: ' '9;
  display: inline-block9;
  vertical-align: middle9;
  height: 100%9;
}
.cover-header .cover-intro .cover-heading {
  width: 100%9;
  display: inline-block9;
  vertical-align: middle9;
  font: 16px/1 'Lato', Helvetica, sans-serif9;
}

Answer 2

查看以下不同版本IE的CSS技巧列表

CSS

#hack{
    color:red; /* All browsers */
    color:red !important;/* All browsers but IE6 */
    _color:red; /* Only works in IE6 */
    *color:red; /* IE6, IE7 */
    +color:red;/* Only works in IE7*/
    *+color:red; /* Only works in IE7 */
    color:red9; /* IE6, IE7, IE8, IE9 */
    color:red; /* IE8, IE9 */
    color:red9;/*Only works in IE9*/
}

确保在正常的css属性(例如

)之后写入hack css属性

.div {
    color: #f00;
    color: #0009; /*Only works in IE9*/
}