很多人还在用IE6低版本的安全性就不说了,还对某些网站支持并不是太好,由于IE6对html的标准支持的问题,很多网站出现了错位的现象,为了提示访问者升级浏览器,下面就给出这段代码。
1.在</head>与<body>之间放入以下代码
<!--判断是否为IE6-->
<style type="text/css">
#ie6-warning{
background:rgb(255,255,225) url("/upload/201006/20100628012515690.gif") no-repeat scroll 8px center;
position:absolute;
top:0;
left:0;
font-size:12px;
color:#333;
width:97%;
padding: 2px 15px 2px 23px;
text-align:left;
}
#ie6-warning a {
text-decoration:none;
}
</style>
2.在<body>下面放入以下代码段
<!--[if lte IE 6]>
<div id="ie6-warning">您正在使用 Internet Explorer 6,低版本的IE浏览器在本页面的显示效果可能有差异。建议您直接往下拉或者升级到 <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">Internet Explorer 8</a> 或以下浏览器: <a href="Firefox</a'>http://www.mozillaonline.com/">Firefox</a> / <a href="Chrome</a'>http://www.google.com/chrome/?hl=zh-CN">Chrome</a> / <a href="Safari</a'>http://www.apple.com.cn/safari/">Safari</a> / <a href="Opera</a'>http://www.operachina.com/">Opera</a>
</div>
<script type="text/javascript">
function position_fixed(el, eltop, elleft){
// check if this is IE6
if(!window.XMLHttpRequest)
window.onscroll = function(){
el.style.top = (document.documentElement.scrollTop + eltop)+"px";
el.style.left = (document.documentElement.scrollLeft + elleft)+"px";
}
else el.style.position = "fixed";
}
position_fixed(document.getElementById("ie6-warning"),0, 0);
</script>
<![endif]-->
3.如果你文件头有flash文件,怕flash遮住了这个层,需要设置flash为透明背景。
<param name="wmode" value="transparent">
把此段代码放入flash的相关位置
举例
<param name="movie" value="http://www.XXXX.com/images/01.swf" />
<param name="quality" value="High" />
<param name="wmode" value="transparent">
这和前二年ff浏览器的疯狂推广在网站顶部提示用户升级浏览器的代码有异曲同工之意