IE8 Toggle Bug? - PullRequest
       9

IE8 Toggle Bug?

2 голосов
/ 19 января 2010

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

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

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 выше ..

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

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

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

Я также пытался использовать методы show (), hide () или addClass (), removeClass () с классом, включающим «display: none» ... Я также пытался toggleClass (), но не повезло .. .

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

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

С уважением,
PDesignX

1 Ответ

3 голосов
/ 19 января 2010

удаление поля margin-bottom из inf-блока и добавление отступа к элементу div, содержащему «Some here here», решило проблему ... говорят, что это проблема "сжатия поля" ...

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

http://css -discuss.incutio.com /? Страница = CollapsingMargin

...