Текст Cufon не отображается в IE8

URL-адрес http://www.sydneybeeandwaspremoval.com.au отлично работает в IE9 и Chrome и т. д. Но в IE8 это работает не совсем так, как ожидалось, в IE7 тоже работает правильно.

Но в основном верхнее навигационное меню представляет собой пользовательский шрифт с использованием cufon, ссылки первого уровня работают нормально, однако ссылки второго уровня соответствующим образом заменяются холстом cufon и текстом cufontext, НО вы не можете его увидеть, я проверил элементы, чтобы найти позиции верны, я также попытался удалить все фоновые изображения и изменить цвет на всякий случай, но это также не помогло, как будто на них скрыта видимость, но я не смог найти CSS, который мог бы это вызвать. Любые идеи, предложения или опыт будут высоко оценены.


person Kieran Wilson    schedule 06.09.2012    source источник
comment
Есть ли причина, по которой вы все еще используете cufon? Факт @font теперь работает во всех основных браузерах и стал намного надежнее.   -  person Nico Burns    schedule 06.09.2012
comment
К сожалению, купленный шаблон включает только js, а не файлы шрифтов.   -  person Kieran Wilson    schedule 06.09.2012
comment
Ах, это была бы одна веская причина. Удачи!   -  person Nico Burns    schedule 06.09.2012


Ответы (2)


Эта ошибка обсуждается здесь: http://drupal.org/node/834636

Проблема в том, что скрытые элементы с visibility: hidden неправильно отображаются Cufon в IE8. Тогда решение состоит в том, чтобы заменить свойство visibility на свойство display.

В файле templates/theme484/css/template.css замените строку 431 на эту:

.menu-nav li ul { position: absolute; top: 44px; left: -14px; z-index: 100; width: 300px; display: none; }

И замените строку 433 на эту:

.menu-nav li.parent:hover ul { display: block; }
person Raohmaru    schedule 06.09.2012
comment
Спасибо за этот подробный ответ, я искал правильное решение и причину, подобную этой, так что спасибо за это =] - person Kieran Wilson; 07.09.2012

Киран,

Если все работает в ie7, одним из решений может быть заставить ie8 запускать ваш сайт в режиме совместимости. В заголовке ‹ > страницы:

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

Кроме того, вы можете настроить ie8 только для работы в режиме совместимости, выполнив следующие действия:

<!--[if IE 8]>
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<![endif]-->

Удачи.

person KruegerDesigns    schedule 06.09.2012