IE7 ссылки проблемы? - PullRequest
Новая
       12

IE7 ссылки проблемы?

1 голос
/ 30 июня 2011

Мой интернет был просто отключен ... поэтому я в библиотеке пытаюсь исправить одну из последних функций моей тестовой страницы (и, в конечном итоге, моего сайта) до даты проверки портфолио 1-го числа (ЗАВТРА !!!).

Вот проблема, все это время я тестировал совместимость моего сайта с IE9 / FF4 / Chrome12 / Safari (последняя версия), но НЕ с IE7 / 8.Мой сайт / тестовая страница работает так, как я хочу, в браузерах, с которыми я тестировал.

По счастливой случайности, в библиотеке, в которой я работаю, установлен IE7, и, очевидно, он не будет обновляться до IE8, чтоЯ думаю, что будет отображать мою страницу правильно.Я так думаю из-за того, что обнаружил много случаев проблем с отображением страниц в IE7, в то время как в IE8 их не было ни для одной и той же страницы в результате некоторых исследований.

В любом случае, на тестовой странице, на которую ссылались выше, текстовая вкладка выдвигаетсяdiv в верхнем левом углу страницы не отображается и, как ни странно, простая ссылка на изображение в правом нижнем углу страницы тоже не отображается.Эти две ссылки являются первыми и последними ссылками на странице, если это вообще помогает (я думаю, что это как-то связано с этим).Все остальное на тестовой странице работает / отображается правильно.Просто просмотрите тестовую страницу в любом из указанных выше браузеров, с которыми я тестировал, чтобы увидеть, как она должна отображаться / функционировать.

Я попытался настроить z-index (как я обнаружил в нескольких случаяхгде это было виновником неправильного поведения IE7), но безрезультатно.Я застрял и не знаю, куда идти дальше.

Любая помощь / указатели будут очень благодарны, так как это будет рассмотрено завтра! лот едет в этом обзоре, и я хочу убедиться, что рецензенты могут просматривать страницу, как и предполагалось, если они используют IE7.

Редактировать: CSS , JS

Ответы [ 6 ]

3 голосов
/ 03 июля 2011

В вашем CSS, если вы измените свой 

.SU{
    display:inline-block;
}

до 

.SU{
    display:block;
}

Вы можете увидеть ягуара без проблем.

По-видимому, IE7 имеет проблемы с display:inline-block;

2 голосов
/ 30 июня 2011

Я хотел бы Google "Различия CSS между IE7 и IE9" и "Различия JavaScript между IE7 и IE9".

Кроме того, IE7 и IE8 не очень хорошо поддерживают разметку HTML5 (или вообще не поддерживают). Надеюсь, вы этим не пользуетесь.

1 голос
/ 09 июля 2011

Что касается параметров текста, вы пытались возиться с левым смещением (-140px) , примененным к вашему , возможно, пытаясь установить его в ноль [0] или даже полное исключение атрибута.

Я знаю, что изменение этого значения не обязательно решит вашу проблему, но может указать вам верное направление ...

Кстати, нижняя ссылка работает на моем IE7 ... не уверен, возможно, вы уже исправили эту проблему. моя версия сборки 7.0.5730.13 для справки.

Удачи с исправлением! IE sux ass ...

1 голос
/ 08 июля 2011

IE7 трюк со встроенным блоком 

#id {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

Почему, поищите в Google «hasLayout».... о, как я люблю IE ...

1 голос
/ 30 июня 2011

Проблема с этим стилем CSS: 

.SU
{
    text-indent: -9999px;
}

Это скрывает для меня изображение, когда я запускаю вашу тестовую страницу в IE9 в режиме совместимости.Когда я удаляю текстовый отступ, я вижу изображение пумы внизу.Кажется, я помню, как читал о том, что этот хак с отступом от текста позволяет читателям экрана читать ссылку, но разработчики обнаружили, что она ломалась, когда выпускались новые браузеры (IE7 +).

Когда я запускаю страницу в IE9в режиме совместимости ваше всплывающее меню «Текст» работает нормально.

0 голосов
/ 05 января 2012

IE 7 не поддерживает блочные элементы (например, кнопки) в a-tag ... в этом была моя проблема.

...