jquery - 使用ticker的浏览器兼容性显示

Question

我希望在我的页面顶部向用户显示警告代码，如果用户没有使用特定版本的浏览器，例如如果用户使用的是 IE6，则会显示一条消息，那么我希望显示“不支持此浏览器”的消息，所以请升级”。

这里的问题首先是如何检查哪个浏览器用户正在使用，其次是如何在页面顶部创建 Javascript/Jquery 或任何更简单的代码，它应该只显示一次，并且应该有一个用于隐藏它的十字按钮。

Answer 1

您想为哪些浏览器/版本显示消息？

如果您只是为较旧的 IE 执行此操作，则可以添加包含该消息的 HTML，并将“old-ie”类添加到它的父容器中。为您的主样式表添加一个选择器并为其.old-ie赋予display: none;属性。

使用条件注释，您可以覆盖 ie6.css、ie7.css（或内联 CSS）中的主样式表并为 . 添加另一个选择器.old-ie，但这次给它display: block;。

如果您想针对旧版本的 Safari、Chrome、Firefox 等，您需要使用上述 mikakun 的功能检测。