使用条件和 CSS
如果你有一个 header 包含类型的文件,(或类似 Rails 中的 layout),只需使用 IE 条件:
<body>
<!--[if lte IE 6]>
<div id="ie-warning">This site does not support IE6</div>
<![endif]-->
然后在样式表中使用简单的样式。
或者,如果你真的想要 jQuery:
这是一个简单的 jQuery 脚本,可以满足您的需求。复制这个并保存到jquery.ie6.js:
(function($){
$(function(){
var message = "This site does not support Internet Explorer 6. Please consider downloading a <a href='http://firefox.com'>newer browser</a>.",
div = $('<div id="ie-warning"></div>').html(message).css({
'height': '50px',
'line-height': '50px',
'background-color':'#f9db17',
'text-align':'center',
'font-family':'Arial, Helvetica, sans-serif',
'font-size':'12pt',
'font-weight':'bold',
'color':'black'
}).hide().find('a').css({color:'#333'}).end();
div.prependTo(document.body).slideDown(500);
});
})(jQuery);
然后把它放在你页面的head(当然是在包含jQuery之后):
<!--[if lte IE 6]>
<script src="jquery.ie6.js" type="text/javascript" charset="utf-8"></script>
<![endif]-->
演示
This demo 设置为在所有浏览器中显示,但如果您像我在if lte IE 6 条件 cmets 之间显示的那样包含它,它将仅显示在IE6 及更早版本的 IE。