2010年08月21日

IEハック・・プラウザバージョンアップの呼びかけ

 というお題で始まりましたが、筆者自身このブログで何回も言っているのですが・・
プラウザは最新の物を使いましょうよ!ということなのです。

  1. サポートが無いので、セキュリティが不安
  2. CSSへの対応度の違いで、綺麗なページを見れない
  3. CSSでの角丸やシャドウなどは、全く反映されない(特にIEは8になってもダメ)
 そこで、ついに呼びかけ行動のタグを記載してみようかと考えました。
 ie6.jpg

もしですよ、旧タイプのプラウザを使っている人が、あなたのサイトに訪問したとしましょう。
そんな時に、この様な警告というかアドバイス画面が出るようにしておく
IEハックです(IE6で出るようにしています)

IE6 No Moreというサイトからの引用です。
<!--[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]-->

これを<head>〜</head>間に貼付けるだけでOKです。
Htmlを操作できるブログ、HPいずれでもOKです・・あっ・・
アメちゃん(アメブロ)はユーザーは、Htmlは操作できませんので、あしからず。



タグ:IE
posted by アラフォー親父 at 11:29 | Comment(0) | TrackBack(0) | HTML | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス: [必須入力]

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック
最近のコメント
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。