如何使用CSS定位Firefox和IE？

2018-06-09 21:51:30

我的网站从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来定位它？

似乎为我工作：

// 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文件的底部。

链接地址: http://www.djcxy.com/p/29471.html

上一篇: How to target Firefox and IE with CSS?

下一篇: What is the most practical way to check for "@supports" support using only CSS?