网页跨浏览器CSS

我的表单在Firefox中看起来不错，但在Chrome和IE上比我想要的要低。在Chrome和FF中完美的时候，IE的页脚也会更高。网页跨浏览器CSS

我只想知道是否有任何方法可以使CSS针对每个浏览器，所以如果我在FF，IE或Chrome中打开我的页面，它将使用特定于其的CSS。

感谢

更新：

我发现这个代码，以使IE浏览器一个独立的样式表：

<!--[if IE]> 
     <link rel="stylesheet" type="text/css" href="all-ie-only.css" /> 
<![endif]-->

有一个我可以为所有其他浏览器？

来源

2011-12-19 user1060444

一般来说，你不需要那么除IE任何其他浏览器，甚至没有为IE不一定。如果你不能使代码适用于所有主流浏览器（减去IE）你可能想转向CSS和HTML验证器http://jigsaw.w3.org/css-validator/ - http://validator.w3.org/ – Joonas 2011-12-19 12:09:37

你可以使用JavaScript来根据浏览器的类型写出样式表。 – 2011-12-19 13:20:50

在IE浏览器，你可以使用条件注释添加特定的样式表： http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

对于Mozilla和Chrome，你可以使用供应商特定的标签。在Chrome中，你会使用这样的事情（如Chrome是基于WebKit，你的标签前添加-webkit）：

#foo { 
    -webkit-border-radius:5px; 
    -webkit-box-shadow: 5px 5px 5px #000; 
}

而且在Mozilla你可以使用（标签前添加-moz）：

#foo { 
    -moz-border-radius:5px; 
    -moz-box-shadow: 5px 5px 5px #000; 
}

你必须记住你不能在所有的标签中这样做。

列表为Mozilla： https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

名单铬： http://qooxdoo.org/documentation/general/webkit_css_styles

来源

2011-12-19 12:04:23 diofeher

这只适用于较新版本的Chrome和Firefox ... – 2011-12-19 13:19:22

@CharmingPrince是的你的权利，这甚至不适用于我的版本的铬或FF。我想我会尝试JavaScript路线。谢谢 – user1060444 2011-12-19 14:06:20

网页跨浏览器CSS

回答

相关问题