zoukankan      html  css  js  c++  java
  • 提示用户升级IE6浏览器的办法

    IE6一直饱受设计者们的诟病,互联网风云变幻十多年,唯一没变的就是这款在当初被微软内置在winxp系统而又火的不行的浏览器。而如今,在日新月异的网络环境下,IE6却让一个原本美观整洁的网页变得满目疮痍,甚至是惨不忍睹。

    相比一些一些没有升级浏览器的网民而言,IE6带给网页设计者们的却是深深的苦难,网页设计者们为了能兼容这款已经严重落后却又至今占据着庞大用户市场的浏览器不知花费了多少时间和精力,抹杀了多少设计者们的本就入不敷出的脑细胞。。。

    下面这段代码,是一段检测并提示用户升级IE6浏览器的代码,在不影响自身体验的情况下,大家可以结合CSS灵活运用,也算间接为同行们做出一些贡献。

    XML/HTML 代码
    <style type="text/css">
    #ie6shengji{
    position:absolute;
    top:10px;
    left:0;
    font-size:14px;
    color:#ff0000;
    width:97%;
    padding: 2px 15px 2px 23px;
    text-align:left;
    }
    </style>
    <body><!--body下面代码-->
    <!--[if lte IE 6]>
    <div id="ie6shengji">亲爱的朋友,您正在使用浏览器版本严重过低(IE6,或使用IE内核的国产浏览器),请升级新版IE8,Chrome,火狐等浏览器。</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]-->
    这段代码在其他浏览器下不会生效,在IE6下会在页面顶端出现如19行所示文字。结合CSS可以灵活设计出各种提示效果,给I网页增加不少亲和力和人性化。
  • 相关阅读:
    doraemon的python 函数(整理了下笔记)感觉自己棒棒哒
    Mybatis系列教材 (七)- 动态SQL
    Mybatis系列教材 (六)- 基础
    Mybatis系列教材 (五)- 基础
    Mybatis系列教材 (四)- 基础
    Mybatis系列教材 (三)- 基础
    Mybatis系列教材 (二)- 基础
    Mybatis系列教材 (一)- 入门教程
    SSH系列教材 (七)- 整合-注解方式
    SSH系列教材 (六)- 使用注解方式配置事务管理
  • 原文地址:https://www.cnblogs.com/aimyfly/p/3547744.html
Copyright © 2011-2022 走看看