Question

请有人帮助我。 如何在ie9上应用高度css属性，我可以在css文件中使用条件css吗？

Answer 1

您无法在css文件中执行条件css，但您可以为每个版本的IE提供自己的类。只需将它放在HTML文件的顶部：

<!doctype html>
<!--[if !IE]> <html class="not-ie" lang="en"> <![endif]-->
<!--[if lt IE 7]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9"><![endif]-->
<!--[if gt IE 9]><!--> <html lang="en"> <!--<![endif]-->

现在你需要在你的css文件中做所有目标ie9：

.ie9 div.whatever {
    height: some value;
}

Answer 2

我没有可以在同一个CSS文件中完成的条件CSS解决方案。但是，如果您对此不感兴趣，可以专门为IE9创建第二个CSS文件，并使用条件注释来应用CSS。例如：

<link type="text/css" href="style.css" rel="stylesheet" />
<!--[if IE 9]>
<link type="text/css" href="style-ie9.css" rel="stylesheet" />
<![endif]-->

在此示例中，您可以将height的任何更改放入＆＃34; style-ie9.css＆＃34;。只有在检测到浏览器为Internet Explorer 9时才会应用该样式表。

如果您有任何问题，请告诉我，我们将很乐意为您提供进一步的帮助。另外，here's a link有关条件注释的更多信息，如果您想要更好地理解它们。

Answer 3

CSS Hack

只要您不想仅为IE 9设置字体或背景，组合的：root hack将有所帮助

.somebox {
    regular
    definitions
    here
}

:root .somebox{height:100px \ ;}

有条件的HTML评论

在链接常规css文件之后将其放在 head 部分中将仅在使用IE 9时覆盖定义：



ie9only.css当然必须包含IE 9特定规则。

类似的方法，但使用样式标记而不是链接外部文件：



如何在ie9上应用高度css属性？

3 个答案: