jquery - IE8 切换错误?

标签 jquery css internet-explorer-8 toggle render

我认为 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 添加填充解决了问题...据说这是一个“折叠边距”问题...

您可以在此处找到有关它的详细说明

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

关于jquery - IE8 切换错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2094958/

相关文章:

javascript - 我怎样才能对 jQuery AJAX 查询进行分组?

javascript - 检测 DIV 的 HTML 和 CSS 并进行更改以使其与同级 DIV 一起滚动

javascript - 解决 IE8 损坏的 Object.defineProperty 实现

javascript - 使用 jQuery 从选择框中获取值

javascript - 使用谷歌地图切换类别标记

javascript - 重置应答功能

javascript - Playframework 2.1.2 如何防止模板加载时调用scala函数?

css - 为什么 CSS 在 IDE Tomcat 和 Production Tomcat 之间呈现不同?

javascript - 如何避免标题标签中的换行符?

javascript - 在 IE8(Javascript 和 CSS)中使用拉伸(stretch) BG 淡化图像背景