Javascript 如何使用CSS定位Firefox和IE？

从webkit浏览器到Firefox和internetexplorer，我的网站的布局略有不同。我需要针对Firefox和IE，只在这两个浏览器中应用一些CSS

我尝试过Firefox：

@-moz-document url-prefix() {
    // CSS here
}

我尝试了以下两种解决方案：

<!--[if IE]><!-->
    // Load specific CSS file here
<!--<![endif]-->

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    // CSS here
}

但什么都不管用。我需要用Javascript吗？如果是这样的话，为什么我不能像每个人一样用CSS或HTML来定位它呢？

似乎对我有用：

// Firefox debug
@-moz-document url-prefix() {
    #id {rules: argument;}
    ...
}

// IE debug
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .class {rules: arg;}
    ...
}

似乎对我有用：

// Firefox debug
@-moz-document url-prefix() {
    #id {rules: argument;}
    ...
}

// IE debug
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .class {rules: arg;}
    ...
}

---

确保特定于浏览器的CSS位于CSS文件的底部。对于ie，它应该位于HTML中头部标记的底部；对于moz，确保它位于CSS文件的底部。

确保特定于浏览器的CSS位于CSS文件的底部。对于ie来说，它应该位于HTML中头标签的底部，对于moz来说，确保它位于CSS文件的底部。

ie条件注释肯定会起作用。如果你能解释一下为什么你认为你需要为Firefox做一些特别的事情，你可能会得到一个更好的答案。。。这是网站：。如果你转到CONTATO部分，你会看到社交媒体图标在Firefox和IE中没有对齐，但在MacOS上的Chrome、Opera和Safari中是对齐的。这是我希望针对这两种浏览器的目标之一。另一个是CAMPANHAS部分中缺少的下载图像/链接。当我查看页面时，这些图标在Chrome中肯定没有对齐。他们有各种相互矛盾的风格。最好的办法是修复CSS，而不是尝试浏览器黑客。请不要针对特定的浏览器。相反，请解释你正在尝试做什么，Chrome与IE/Firefox有何不同，我们可以采取非黑客跨浏览器的方式。IE条件评论肯定会奏效。如果你能解释一下为什么你认为你需要为Firefox做一些特别的事情，你可能会得到一个更好的答案。。。这是网站：。如果你转到CONTATO部分，你会看到社交媒体图标在Firefox和IE中没有对齐，但在MacOS上的Chrome、Opera和Safari中是对齐的。这是我希望针对这两种浏览器的目标之一。另一个是CAMPANHAS部分中缺少的下载图像/链接。当我查看页面时，这些图标在Chrome中肯定没有对齐。他们有各种相互矛盾的风格。最好的办法是修复CSS，而不是尝试浏览器黑客。请不要针对特定的浏览器。相反，请解释你正在尝试做什么，Chrome与IE/Firefox有何不同，我们可以采用非黑客的跨浏览器方法。CSS位于文件的底部。那部分也在头部的底部。例如，现在我在Mozilla标识符中有h1{color:red；}，但它不起作用，当我检查元素时，它甚至没有出现覆盖规则。以下是网站：。你可以在PRODUTOS中找到H1标签，Firefox中当前为白色的文本，应该是红色的，这只是我放在网上的一个示例规则now@DavidMatos当你说它不起作用时，你到底在说什么？你怎么知道？你认为它会是什么样子？页面的哪个部分出错了？@DavidMatos对于那些标签，规则是有效的-只是你有另一个更具体的规则覆盖了它。我现在看到h1在我检查之前没有出现的元素时出现了，我不知道为什么它现在出现了。但是当我尝试添加我真正想要的规则时，它没有出现，即：。shareaholic share buttons wrapper{margin top:14px！important；}。如果我在inspector中添加了规则，那么这个边距可以工作，但是当我将它放入CSS中时，什么都不会发生。h1的具体程度低于.produtos text h1，请将您的moz特定CSS更改为.produtos text h1{color:red；}，它就会工作。CSS位于文件的底部。那部分也在头部的底部。例如，现在我在Mozilla标识符中有h1{color:red；}，但它不起作用，当我检查元素时，它甚至没有出现覆盖规则。以下是网站：。你可以在PRODUTOS中找到H1标签，Firefox中当前为白色的文本，应该是红色的，这只是我放在网上的一个示例规则now@DavidMatos当你说它不起作用时，你到底在说什么？你怎么知道？你认为它会是什么样子？页面的哪个部分出错了？@DavidMatos对于那些标签，规则是有效的-只是你有另一个更具体的规则覆盖了它。我现在看到h1在我检查之前没有出现的元素时出现了，我不知道为什么它现在出现了。但是当我尝试添加我真正想要的规则时，它没有出现，即：。shareaholic share buttons wrapper{margin top:14px！important；}。如果我在inspector中添加规则，则此边距有效，但当我将

---

它在CSS中不会发生任何事情。h1不如.produtos text h1具体，请将您的moz特定CSS更改为.produtos text h1{color:red；}，它就会工作。