Шрифт Awesome значок не отображается в режиме совместимости с IE9

В проекте у меня есть значок шрифта Awesome для отображения значка в формате по умолчанию. Он отлично работает на Chrome, FireFox и IE9 & IE11, но не отображается на экране совместимости.Шрифт Awesome значок не отображается в режиме совместимости с IE9

Я использовал метатег, чтобы заставить визуализировать документ, но его не работает. Также, когда в представлении совместимости некоторые css выглядят не так, как стандартный вид, как другой браузер.

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

На самом деле, моя страница генерировать через Thats шаблон 'XSL', почему я использовал htm5 JS следующим образом -

<xsl:comment> 
<![CDATA[[if lt IE 9]> 
<script src="js/jquery/html5shiv.min.js" type="text/javascript" /> 
<script src="js/jquery/respond.js" type="text/javascript" /> 
<![endif]]]> 
</xsl:comment>

А вот мой HTML структура в режиме IE9 Campatibility -

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 
<html> 
<head> 
<meta content="text/html; charset=UTF-16" http-equiv="Content-Type"> 
<meta content="IE=9; IE=8; IE=7; IE=EDGE" http-equiv="X-UA-Compatible"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" type="text/css" href="css/picdef.css?ver=T1.0" media="screen"> 
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css?ver=T1.0" media="screen"> 
<link rel="stylesheet" type="text/css" href="css/print.css?ver=T1.0" media="print"> 
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css?ver=T1.0" media="screen"> 
<link rel="SHORTCUT ICON" href="images/favicon.ico"> 
</head> 
<body> 
.................................. 
</body> 
</html>

Я нашел в DOM, что html5 js не загружен.

Любое решение? Извините за плохой английский.

источник

2016-10-03 Jargo Viet

любое предложение для любого расширения? –

В настройках вашего режима совместимости IE поддерживает режим совместимости с IE7.

Обратите внимание: Font Awesome не работает в IE7 (и в режиме совместимости с IE7), поскольку IE7 не поддерживает несколько ключевых функций, которые использует Font Awesome.

Даже поддержка IE8 невелика в шрифте Awesome. В идеале вы должны учитывать только поддержку IE9 и выше.

Итак, ваш лучший вариант - отказаться от режима совместимости. Изменение мета-тег, как это:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

... то есть, удалить IE=9; IE=8; IE=7;.

Если вам действительно нужен ваш сайт для поддержки IE7 и IE8, вам нужно будет заново подумать о своем дизайне сайта и использовать старые методы для его создания.

источник

2016-10-12 21:22:34 Spudley

Мне нужно только FontAswame работать в режиме совместимости IE9 и IE11. Некоторые из других взглядов также не так хороши в этом режиме. Это okey, но мне нужно отобразить FontAwesome в режиме совместимости IE9 и IE11. @ Spudley –

IE имеет много режимов совместимости. Существует режим совместимости для каждой версии от 7 до версии, в которой вы работаете. Таким образом, IE9 поддерживает режимы совместимости для IE7 и 8. И IE11 поддерживает режимы совместимости для IE7, 8,9 и 10. Более низкие режимы заставят браузер притворяться IE7 или IE8. Если вы используете эти режимы, вы не можете использовать программное обеспечение, которое не работает в IE7 или IE8. Вам действительно нужно использовать режимы совместимости? Не похоже, что вы действительно понимаете, что они на самом деле делают. – Spudley

Да, у IE есть много режимов совместимости, и я принудительно применяю тип документа к последней (доступной) версии IE9 и IE11, используя метатег но Font Font Awesome не работает над обеими версиями. Спасибо за ответ. –

Шрифт Awesome значок не отображается в режиме совместимости с IE9

ответ

Смежные вопросы