css - 隐藏特定浏览器的代码

Question

例如，如果我有一段简单的代码

<div> Test Div </div>

我想知道如何(使用 CSS)让这个 Div 仅对特定浏览器的用户显示。

例如，如果我想构建一个“仅限 Chrome 的功能”，比如图像或 div，该怎么办？如何指定不在 Firefox 和 IE 中显示？

Answer 1

I'm doing it for all the wrong reasons, I have a garbage site I'm working on. So I used a hacked fix to make something sit where I want it to and it works in every browser except Firefox so I want to just remove the image in FF.

要仅在 Firefox 中隐藏图像，请使用:

@-moz-document url-prefix() {
    #myImg {
        display: none
    }
} 

参见:https://developer.mozilla.org/en/CSS/@-moz-document

这比使用 JavaScript 更干净(也更可靠)，至少对于您的用例而言。

如果解决方案是仅在 Firefox 中隐藏图像，我确实认为您做错了。