开发者

There is some ready/default code to block Internet Explorer 6 or lower versions?

开发者 https://www.devze.com 2023-03-05 02:25 出处:网络
I want show a message to users if t开发者_高级运维hey\'re using IE6 that the browser is outdated in a div. There is something done to do this?There exist ready-to-copypaste scripts for that already. E

I want show a message to users if t开发者_高级运维hey're using IE6 that the browser is outdated in a div. There is something done to do this?


There exist ready-to-copypaste scripts for that already. E.g. http://www.ie6nomore.com/

<!--[if lt IE 7]>
  <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
    <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
    <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
      <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
      <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
        <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div>
        <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>For a better experience using this site, please upgrade to a modern web browser.</div>
      </div>
      <div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
      <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
      <div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
      <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
    </div>
  </div>
<![endif]-->


You can do it with just CSS

<style type="text/css">
/* Regular/More CSS Info Here
#wrongbroswer { display:none; }
</style>
<!--[if lte IE 6]>
<style type="text/css">
#wrongbroswer { display:; }
</style>
<![endif]-->


You can do it with code, but this is way more fun:

http://ie6update.com/

It gently encourages....ok, tricks....the user to upgrade their browser in a safe looking manner. Shifty? Yes. But SO much fun to get back at Microsoft for all they do to us web guys...

0

精彩评论

暂无评论...
验证码 换一张
取 消