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

Question

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

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

Answer 1

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

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

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

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