Question

我有两张桌子需要并排排列。为了实现这一点，我必须指定td高度。

在IE中，高度应为2.1em。在Mozilla中，它需要是1.76em。

似乎没有

-moz-height:1.76em;

知道如何实现目标吗？

Answer 1

您可以将IE高度放入单独的样式表中，并使用IE条件注释将其加载到默认样式表之后，以便其他浏览器忽略它。否则，您可以使用jQuery在加载后更改高度（if（$ .browser.msie））

Answer 2

是的。对于Fire Fox来说：

@-moz-document url-prefix() {
    //Your css here
    #my-id { font-size: 100%; }
}

对于IE，你可以这样做：

[if IE 8]><link rel="stylesheet" href="DefaultSTyleForIE8.css" type="text/css" media="screen, projection"/><![endif]

此css仅适用于IE 8

Answer 3

在mozilla中，可以通过高度更改mozilla的高度： -moz-calc（470px）; 和高度的自动高度：-moz-available;

Answer 4

我会推荐html5 boilerplate方法，

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

那么你可以在你的CSS中定位，比如，

.oldie #myel{
    height: 2.1
}

Answer 5

我会无耻地使用IE conditional comments：

<style>
td {
    height: 1.76em;
}
</style>

<!-- [if IE]>
<style>
td {
    height: 2.1em;
}
<style>
<!endif-->

Answer 6

以下是浏览器的CSS过滤器列表：

http://en.wikipedia.org/wiki/CSS_filter

Answer 7

浏览器使用IE的条件注释检测IE并写出单独的BODY标记：

<!--[if IE]><body class="ie"><!--<![endif]-->
<!--[if !IE]><!--><body><!--<![endif]-->

然后，无论何时你有一个风格，你都可以通过添加ie类来更具体地覆盖IE：

.mystyle {styles for good browsers}
.ie .mystyle {styles for IE}

是否可以指定单独的Firefox和IE高度？

7 个答案: