티스토리 뷰

웹프로그래밍

IE6 IE7 접근시 최신브라우저로 업데이트 해달라고 강력하게 안내하기

공허공자 2013. 6. 16. 22:44

바퀴벌레와 같은 IE 하위 버젼들을 사용하면서도
아직도 업데이트를 안하고 쓰고 있는 네티즌을 위해
강력하게 IE 업데이트 안내 = 페이지 위에 띄워서 고정 = IE8 이하면 계속 띄워지는
페이지를 보이길 원하는 사이트 관리자분들은
<body>바로 뒤와 </body>바로 앞에 각각
아래와 같이 코드를 적용해주면 됩니다.

?
1
2
<body>
<!-- IE6 No More --><!--[if lt IE 8]><div style="border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: fixed; top:0;left:0; z-index:999999"><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: 13px; 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.or.kr/ko/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/korea/windows/internet-explorer/worldwide-sites.aspx' 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/safari/download/' 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]--><!-- /IE6 No More -->
본문 내용 중략
?
1
2
3
4
5
<!-- IE6 No More --><!--[if lt IE 8]>
<iframe src="http://www.whatbrowser.org/intl/ko/" style="border:0; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:999998"></iframe>
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: fixed; bottom:0; left:0; z-index:999999'><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='//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='//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: 13px; 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='//www.mozilla.or.kr/ko/firefox/' target='_blank'><img src='//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='//www.microsoft.com/korea/windows/internet-explorer/worldwide-sites.aspx' target='_blank'><img src='//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='//www.apple.com/safari/download/' target='_blank'><img src='//www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Safari 4 또는 상위 버전 구하기'/></a></div><div style='float: left;'><a href='//www.google.com/chrome' target='_blank'><img src='//www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Google Chrome 구하기'/></a></div></div></div>
<![endif]--><!-- /IE6 No More -->
</body>


저작자표시

'웹프로그래밍' 카테고리의 다른 글

Git 초기작업 Barebone 예제  (0) 2015.01.06
Git 이용 웹사이트 Deploy  (0) 2015.01.02
정규표현식으로 온전한 단어 찾기  (0) 2013.06.14
CKEditor v3~4 크롬에서 문장 앞 공백 제거시 span font-size: 13px 붙는 현상 해결  (0) 2013.05.11
pure JS? pure CSS? 몬소리야?  (0) 2013.04.25
공유하기 링크
댓글