隐藏特定浏览器的代码

Question

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

<div> Test Div </div>

我想知道如何（使用CSS）我可以让这个Div只出现在某个浏览器的用户身上。

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

Answer 1

没有完整的便携式解决方案。您可以使用服务器端检查并为不同类型的浏览器使用不同的CSS文件，您可以将Conditional comments用于Internet Explorer，也可以使用浏览器特定的功能或黑客。

Answer 2

  

我正在为所有错误做这件事   原因，我有一个垃圾站点   继续努力。所以我使用了黑客修复程序   把东西放在我想要的地方   它适用于所有浏览器，除了   Firefox 所以我想删除它   FF中的图片。

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

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

请参阅：https://developer.mozilla.org/en/CSS/@-moz-document

这比使用JavaScript更清晰（也更可靠），至少对于您的用例而言。

如果解决方案是仅在Firefox中隐藏图像，我认为你必须做错了。

Answer 3

将div设置为display：隐藏在CSS中。然后设置一个JavaScript函数来运行，该函数检测浏览器并将其添加到document.body.className属性。

然后返回CSS文件，通过CSS将其定位：

body.chrome div.hidden {       ！显示：块重要;    }