Internet explorer 6 - всплывающее сообщение "обновить браузер"

Опубликовано Dark в Пнд, 27.12.2010 - 22:24

Чтобы не изворачиваться с версткой под этот устаревший браузер, лучше вставить в верстку код, который сообщит пользователю, что его браузер устарел, и предложит ему обновиться. Конечно хорошо бы отсылать его сразу на сайты других браузеров, но я думаю обычный чайник испугается. Он предпочтет довериться Microsoft.

Проверка в разделе head, и подключение стилей для ie 6:

<!--[if lt IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="<?php echo base_path() . path_to_theme(); ?>/fix-ie6.css" />
<![endif]-->

Код, который я вставляю в шаблон темы:

<script type="text/javascript" >
$(document).ready(function() {
  if ($.browser.msie && $.browser.version == 6) {
    $("#wrapper").before('<div id="ieupdate_box"><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Internet Explorer безнадежно устарел. Кликните, чтобы скачать бесплатное обновление с официального сайта Microsoft</a></div>');
    $("#ieupdate_box").fadeIn("slow");
  }
});
</script>

Стили для ie6:

#ieupdate_box {
  border-bottom-color:#DFDDCB;
  background-color:#FFFCDF;
  text-align:center;
  z-index:9999;
  clear:both;
  font-size:12px;
  display: none;
  margin: 0;
  height: 22px;
  width: 100%;
}
 
#ieupdate_box a:link, #ieupdate_box a:visited{
  font-weight: bold;
  background-color:#FFFCDF;
  display: block;
  color:#000;
  padding:5px;
  margin: 0;
}
 
#ieupdate_box a:hover {
  background-color: #3399ff;
  color:#fff;
}

Tags:

Блог пользователя Dark

Internet explorer 6 - всплывающее сообщение "обновить браузер"

Комментариев нет

Отправить комментарий