2010-01-19 3 views
2

Я думаю, что у меня проблема с IE8, и это заставляет меня сходить с ума. Позвольте мне объяснить это с помощью изображений и онлайн-демонстрации.IE8 Toggle Bug?

При первом посещении страницы все это нормально, как вы видите ниже

a http://yasinergul.com/FlashDen/IE8-Toggle-Bug-Demo/image/a.jpg

Затем при нажатии на «Нажмите здесь, чтобы добавить новую одну кнопку» .. он отображает DIV, который включает в себя форма ... до тех пор пока в настоящее время он все еще работает нормально, как вы видите ниже ...

b http://yasinergul.com/FlashDen/IE8-Toggle-Bug-Demo/image/b.jpg

При нажатии кнопки кнопки она скрывает форму ... но на этот раз «Отменить» «Некоторые тексты здесь» часть коллапса до gree bo х выше ..

c http://yasinergul.com/FlashDen/IE8-Toggle-Bug-Demo/image/c.jpg

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

И что странно, поскольку в ссылке есть функция переключения, вы также можете закрыть форму с ссылкой «Нажмите здесь, чтобы добавить новую», и когда вы закроете форму, нажав ссылку «Нажмите здесь, чтобы добавить новую», она отлично работает ...

Я также попытался использовать методы show(), hide() или addClass(), removeClass() с классом, который включает в себя: display: non e "... Я также попытался toggleClass(), но не повезло ...

Я думаю, что это о движке рендеринга IE8, но, возможно, вы, гуру HTML-CSS-jQuery, можете знать обходное решение ...

http://yasinergul.com/FlashDen/IE8-Toggle-Bug-Demo/

с наилучшими пожеланиями,
PDesignX

+0

Не уверен, что причины, но что-то еще, что интересно. Если вы используете инструменты разработчика IE8 и удалите скрытый класс из # box-add div (прежде чем нажимать ссылку «Добавить»), ссылка «Нажмите здесь, чтобы добавить новую» отобразит проблему, и щелчок «Отмена» работает правильно , –

+0

да, я тоже заметил это ... так что это не о том, чтобы быть внутри div, который отображается или скрывается. –

ответ

3

удаление маржи-дно инф коробки и добавления отступов в DIV, который содержит «Некоторые текст здесь» решить эту проблему ... Говорят, что это вопрос «убывающей маржи» ...

вы можете найти подробное описание здесь об этом

http://css-discuss.incutio.com/?page=CollapsingMargin