jquery - IE8 トグルバグ?

Question

私は IE8 に問題があると思います。画像とオンラインデモで説明させてください。

最初にページにアクセスしたときは、以下に示すようにすべて正常です

次に、「ここをクリックして新しいものを追加する」ボタンをクリックすると、フォームを含む div が表示されます...今までは、以下に示すように正常に動作します...

「キャンセル」ボタンをクリックすると、フォームが非表示になります...しかし、今回は「テキストをここに」の部分が上の緑色のボックスに折りたたまれます..

しかし、ページ上の任意のテキストを選択しようとしたり、ページ上の空のスペースをクリックしようとすると、「ここにテキストがあります」が通常の位置に戻ります...

そして奇妙なことは、リンクにトグル機能があるため、「ここをクリックして新しいものを追加する」リンクでフォームを閉じることもでき、「ここをクリックして新しいものを追加する」リンクをクリックしてフォームを閉じると、正常に機能することです。 ...

また、「display:none」を含むクラスで、show()、hide() メソッドまたは addClass() 、 removeClass() を使用しようとしました... toggleClass() も試しましたが、うまくいきませんでした...

これは IE8 のレンダリングエンジンに関するものだと思いますが、HTML-CSS-jQuery の達人なら回避策を知っているかもしれません...

よろしく、
PDesignX

score 3 · Accepted Answer

inf-boxのmargin-bottomを削除し、「Some text here」を含むdivにパディングを追加すると、問題が解決しました...これは「折りたたみマージン」の問題であると言われています...

あなたはそれについての詳細な説明をここで見つけることができます

jquery - IE8 トグル バグ?