「IE6はもういらない」――Web企業が撲滅キャンペーン - ITmedia ニュース
( http://www.ie6nomore.com/ )
面白そうだったので、あちこちの自サイトに貼り付けてみました。
はてなハイクまとめWiki: ページ下部に。
kokuda.org: テレビよろしく「アナログ」表示。
shrimp.marokun.net: ページ上部に。
ただし、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;'>あなたは旧式ブラウザをご利用中です</div> <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。</div> </div> <div style='width: 75px; float: left;'><a href='http://www.mozilla.jp' 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.microsoft.com/downloads/details.aspx?FamilyID=341c2ad5-8c3d-4347-8c03-08cdecd8852b&DisplayLang=ja' 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/jp/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?hl=ja' 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]-->
ちなみに、あっきぃ日誌のブラウザ統計はこんな感じになってました(8/1〜8/7)。IEの人多すぎワロタw
ブラウザ | アクセス数 |
IE7 | 251 |
IE6 | 155 |
Firefox 3.5.1 | 144 |
Firefox 3.0.12 | 85 |
Firefox 3.5.2 | 59 |
Firefox 3.0.13 | 30 |
IE8 | 24 |
Chrome 2.0.172.37 | 19 |
Opera 9.64 | 17 |
Safari 530.19 | 17 |
Opera 9.52 | 14 |
Chrome 2.0.172.39 | 14 |
Firefox 3.0.11 | 8 |
Firefox 3.0.3 | 8 |
Firefox 2.0.0.20 | 7 |
Firefox 3.0.9 | 7 |
Firefox 3.5 | 7 |
Firefox 2.0.0.11 | 5 |
Opera 9.8 | 4 |
Safari 525.2 | 3 |
Safari 530.19.1" | 3 |
Safari 525.13 | 2 |
Chrome 1.0.154.53 | 2 |
Chrome 3.0.195.3 | 2 |
Opera 8.6 | 2 |
Chrome 3.0.182.3 | 1 |
Chrome 3.0.196.2 | 1 |
Opera 9.3 | 1 |
Opera 9.63 | 1 |
Safari 525.20.1 | 1 |
Safari 525.27.1 | 1 |
Safari 525.28.3 | 1 |
Safari 525.29 | 1 |
Safari 528.16 | 1 |
Safari 528.5 | 1 |