Question

从webkit浏览器到Firefox和Internet Explorer，我的网站布局略有不同。我需要以Firefox和IE为目标，仅在这两个浏览器中应用一些CSS。

我试过Firefox：

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

我已经为IE尝试了这两个解决方案：

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

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

但没有任何作用。我需要使用Javascript吗？如果是这样，为什么我不能像所有人一样用CSS或HTML来定位它？

Answer 1

似乎对我有用：

// 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;}
    ...
}

Answer 2

确保您的浏览器特定CSS位于CSS文件的底部。因为它应该位于HTML标题的底部，对于moz，请确保它位于CSS文件的底部。

如何用CSS定位Firefox和IE？

2 个答案: