我认为 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
当您单击“取消”按钮时,它会隐藏表单...但是这次“此处有一些文本”部分折叠到上面的绿色框..
c 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
最佳答案
删除 inf-box 的 margin-bottom 并向包含“Some text here”的 div 添加填充解决了问题...据说这是一个“折叠边距”问题...
您可以在此处找到有关它的详细说明
关于jquery - IE8 切换错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2094958/