IE7 проблемы

Question

Я работаю над сайтом с простыми jquery-эффектами, такими как show, hide ...

http://emilione.altervista.org/works.html

Эта страница хорошо работает с IE8, FF3.6 и Chrome 5, но с IE7 есть некоторые проблемы.

Как воспроизвести проблему:

- нажмите на «x» большой палец -> отображается содержимое относительно большого пальца
- нажмите на тот же большой палец -> содержимое исчезнет
-нажмите большой палец «y» -> содержимое «x» и «y» отображаются вместе, перекрывая друг друга (изображение «x» с текстом «x» и изображение «y» с текстом «y»)

Предварительный просмотр ошибки: yfrog.com/ngproblemaxj (с http://)

Если не понятно, я хочу показать 1 изображение с соответствующим текстом по отдельности. На связанном скриншоте вы можете видеть два изображения, одно над другим!

При использовании инструментов разработчика IE8 (режим браузера IE7) свойство css diplay, похоже, установлено правильно, но я замечаю наличие атрибутов "jQuery1281468352670", "sizcache" и "sizset" в представлении html.

Я не могу найти решение, и я надеюсь на вашу помощь, особенно для функции «Preview ()» в файле «works.js».

Спасибо

(извините за мой плохой английский)

Answer 1

В настоящее время похоже, что у вас установлено .desc:

.desc {
    width: 50px;
    height: 30px;
}

Однако этого недостаточно для содержания, поэтому браузеры должны догадываться. Современные браузеры догадаются правильно, IE7 не будет. Вместо этого попробуйте следующее:

.desc {
    width: 100%;
    height: auto; /* Or just leave the height out entirely */
}

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

Обновление

Что касается вопроса jQuery «показать / скрыть», то я предпочитаю следующее. И это догадка .

Я думаю, вам следует попробовать поменять строки

$("#works").hide();
$("div","#works").hide();

Это возможно , что во второй строке IE (6 для меня, 7 для вас), смотрит на div s в #works, и так как #works уже скрыт, интерпретирует их как скрытые, и поэтому не удосуживается установить их отображаемые значения. Затем, когда вы нажимаете на другой элемент, снова отображается #works, а старый элемент все еще виден.

Это чистое предположение, поскольку я не смог продублировать ошибку при более простых обстоятельствах, но это мое лучшее предположение.