IE6で警告が出るようにしました

「IE6はもういらない」――Web企業が撲滅キャンペーン - ITmedia News

「余計なお世話」と思われるかもしれませんが、上の記事を参考に、IE6ユーザーに向けてブラウザ切り替えを勧めるメッセージを表示するようにしました。

その画面確認のため、一時期他の最新ブラウザを使用していても警告画面が出ることがありましたが、現在は解消されております。ご了承下さい。

ちなみに当サイトの閲覧者におけるIE使用率は59.95%。その中でIE7は45.81%、IE6は28.96%、IE8は25.04%でした。IE5.5は0.19%、IE5.0は0.01%とまだ残ってました……。

ちなみに、日本語環境向けに修正した、このコードのサンプルを以下に記載しておきます。途中で行が切れて見えますが、行全体を選択するようにすればコピー可能です。

<!--[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='この警告を閉じる' /></a></div>
        <div style='width: 720px; 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='警告!' /></div>
            <div style='width: 340px; float: left;'>
                <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>あなたは旧式のWebブラウザーを使用しています。</div>
                <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>快適なWeb閲覧のためや、セキュリティを確保するためにも、ブラウザをアップグレードするか、別のブラウザを使用してください。</div>
            </div>
            <div style='width: 75px; float: left;'><a href='http://mozilla.jp/firefox/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Firefox 3.5 を入手' /></a></div>
            <div style='width: 75px; float: left;'><a href='http://www.microsoft.com/japan/windows/products/winfamily/ie/function/default.mspx' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Internet Explorer 8 を入手' /></a></div>
            <div style='width: 73px; float: left;'><a href='http://www.apple.com/jp/safari/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='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='Google Chrome を入手' /></a></div>
        </div>
    </div>
<![endif]-->