2

我想我的 IE8 有问题,它让我发疯。让我用图像和在线演示来解释它。

当您第一次访问该页面时,一切正常,如下所示

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

4

1 回答 1

3

删除inf-box的margin-bottom并向包含“Some text here”的div添加填充解决了这个问题......据说这是一个“折叠边距”问题......

你可以在这里找到关于它的详细描述

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

于 2010-01-19T20:03:53.870 回答