检测低版本IE6提示访问者浏览者升级浏览器的javascript提示代码

很多人还在用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="http://www.mozillaonline.com/">Firefox</a> / <a href="http://www.google.com/chrome/?hl=zh-CN">Chrome</a> / <a href="http://www.apple.com.cn/safari/">Safari</a> / <a href="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">

THE END
打赏
海报
检测低版本IE6提示访问者浏览者升级浏览器的javascript提示代码

很多人还在用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:a...

<<上一篇
下一篇>>