利用CSS+HTML屏蔽IE6浏览器访问教程

 

最近自己做了下新主机站的页面,昨晚所有浏览器的最新版都测试通过木有问题,唯独IE6让人难以割舍啊,div都重叠在一起,纠结的不像样。算了,屏蔽掉吧~~~方法是参考的WayJam 同学的文章,原文在http://wayjam.me/use-css-and-html-to-killie.html 。

因为奶牛的页面在IE7下是正常的,所以只屏蔽IE6的访问,具体方法如下:

1.编辑你想设置屏蔽的页面的html文件,为了方便隐藏页面其他元素,我们先用一个<div>包含住<body></body>之间的所有元素,并且命名其ID为container 。

2.在你的css文件中添加如下代码

#ie{background:#000;border:1px solid #CCC;height:900px;}
#ie-body{color:#ccc;font-family:'Microsoft YaHei',arial,serif,Geneva,sans-serif;font-size:30px;opacity:0.5;text-align:center;}
#ie-body p:hover{color:#fff;opacity:1;}

3.在<body></body>标记之间的任意位置加入如下代码:

<!--[if lt IE 7]>
<style type="text/css">
#container{display:none;} //隐藏页面其他元素
#ie{display:block;}     //对IE显示特定模块
</style>
<div id="ie">
  <div id="ie-body">
      <p><br /><br /><br />欢迎光临VM-IN.NET奶牛主机</p>
      <p>您正在使用一个落后的浏览器浏览网页</p>
      <p>本站无法在 IE 7 以下版本的 IE 系列浏览器中正常访问。</p>
      <p>为了获得更好的浏览体验, 请升级到更高级的浏览器</p>
      <p>如果您升级到 Internet Explorer 8 或转换到另一些浏览器,本站将能为您提供更好的服务。</p>
      <p>本站推荐使用以下浏览器:Firefox, Chrome, Opera, Safari </p>
      <p>您也可以直接移步到奶牛的<a href="http://nenew.taobao.com" target="_blank" title="博客主机">奶牛主机淘宝店</a>或者QQ<a target="_blank" href="https://www.nenew.net" title="联系我们">联系奶牛</a> </p>
      <p><br>Copyright &copy; 2010. VM-IN.NET 奶牛主机 . All Rights Reserved.</p>
  </div>
</div>
<![endif]-->

收工,看看你的页面的屏蔽效果吧,奶牛做的页面IE6访问的效果如下:

奶牛 | 2011年07月17日
  • freetstar 2011年07月18日 at 7:46 上午
    前排支持下 :fd
  • ifenwen 2011年07月18日 at 9:01 上午
    貌似ie6下可以正常显示啊
  • 小羿 2011年07月18日 at 12:04 下午
    干掉IE6是必须的,,必须的
  • Headpiggy 2011年07月18日 at 8:08 下午
    我支持这种方法...
  • 流年 2011年07月18日 at 10:04 下午
    我就懒得用条件注释了,直接 JS 重定向;非要看的话就随他了
    • 奶牛 2011年07月19日 at 12:22 上午
      哈哈,也很好滴方法,关键是奶牛不会js,悲情丫~~~
  • WayJam 2011年07月18日 at 11:03 下午
    但是后来我发现既然加载了那为什么不让看呢?又但是,如果开放给IE6看,网页的样式真的不敢恭维。很矛盾啊。
    • 奶牛 2011年07月19日 at 12:21 上午
      奶牛博客没弄,vm-in.net做了,呃,是时候该升级的也该催催他们了,要不他们还会继续用,ie6给设计者们很大阻力啊~~~
  • 囧啊囧 2011年07月19日 at 1:06 下午
    果然降了,被催啊!
  • cheap quilts 2011年07月20日 at 2:31 下午
    我不能屏蔽啊,感觉现在IE9的兼容性也不太好坐。。
  • EinCy 2011年07月20日 at 2:38 下午
    现在IE6访客还有挺多,不敢屏蔽,所以我弄了个IE6专用主题,再弄个大大的提示。
  • SuperTom 2011年07月20日 at 3:31 下午
    如果这样的话用IE6的是完全看不了了..能不能只提示一下,给访问者是否继续看下去的选择
Comments are closed.