Проблема с отображением jQuery Gallaria 1.2.3 в Internet Explorer 8/9

#jquery #html #css #json

#jquery #HTML #css #json

Вопрос:

Я работал со слайд-шоу jQuery «Gallaria». При использовании Internet Explorer 8/9 возникает проблема с отображением, которая выглядит следующим образом: нажмите здесь. Я не уверен, почему он отображает его так, чтобы он не был «полноэкранным». Я протестировал ту же страницу в Firefox4, Chrome и Safari, и все они, похоже, отображают ее так, как задумано.

Я попытался использовать Firebug, чтобы выяснить, есть ли какие-либо проблемы при загрузке, и я ничего не нашел. Я переопределил Gallaria с нуля и изучил документацию. Кажется, я не могу точно определить, почему в Internet Explorer это ведет себя так, а не в других браузерах.

Я загрузил эту страницу в этот каталог: нажмите здесь

Ответ №1:

Проблема в том, что ваша страница находится в режиме причуд.

Похоже, вы случайно удалили эту строку doctype из верхней части вашего HTML:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  

Добавьте это обратно (как самую первую строку), и это будет работать должным образом в IE.


Вам также следует исправить эту строку:

 <html="xmlns="http://www.w3.org/1999/xhtml">
  

в это:

 <html xmlns="http://www.w3.org/1999/xhtml">
  

И эта строка:

 <meta http-equiv="Content-Type" content"text/html"; charset="utf-8"/>
  

в:

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  

Вам также не хватает закрывающего тега для html ; добавить </html> в конце.

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

1. Спасибо за ваш быстрый ответ! Я чрезвычайно ценю это. Я внес изменения, и это работает. Хотя, кажется, в верхнем левом углу есть странное прозрачное поле. — Редактировать — Кажется, исчезает, когда вы «простаиваете» (убираете курсор) со страницы на секунду. Есть ли firebug для IE, который я могу использовать для выбора этого объекта?

2. Кажется, <div class="galleria-iefix"> — я не вижу, что он должен делать — похоже на какое-то исправление прозрачности. Возможно, .galleria-iefix { display: none } это было бы быстрым решением.

3. Я нашел это, они только что обновили Galleria сегодня и добавили какую-то странную непрозрачность iefix. Еще раз спасибо, и я принял ваш ответ!