Question

请参阅：http://hostingcouponsclub.com/codero-coupons。

当我点击more<<（红色投票部分上方）时，为什么在IE7下内容不包围图像？

在Firefox和Chrome下，没关系。

单击IE7中的红色more<<文本时如何使内容环绕图像？

Answer 1

这是因为当jQuery动画时（你的显示/隐藏功能使用“慢”）它会导致动画元素“获得布局”这转而导致文本不能换行：Reference

e.g。你的pr_content div使用内联样式登陆（在IE7中，IE8中有所不同）

<div style="filter: ; zoom: 1; display: block" class="pr_content">

有各种修复，但也有各种错误，我尝试了一些不同的修复，比如删除过滤器但是还有一个removeAttr（）函数的错误，我想可能删除style attribute并使用{{1申请.css()或display:block可能有效，但没有快乐，但YMMV

这是你现有的jQuery :(来自idccoupon / scripts.js）

display: none;

注意：我知道的$('.pr_content').hide(); $('.moreteaser').click(function() { $('.pr_teaser').hide(); $('.pr_content').toggle("slow"); $(".pr_content").attr("zoom",""); $('.moreteaser, .lessteaser').toggle(); }); $('.lessteaser').click(function() { $('.pr_content').toggle("slow"); $('.pr_teaser').show(); $('.moreteaser, .lessteaser').toggle(); });是针对此问题的推荐修复方法，据我所知，我无法删除attr("zoom", "");属性...这是我发现尝试删除的内容其他属性也是。

我通过删除IE的“慢速”命令得到它的一半工作（即IE没有增强），只是意味着他们得到一个即时显示/隐藏而不是“平滑”一个..这或只是让IE用户像他们刚刚获得的解包内容可能是最简单的解决方案吗？

无论如何这里是我想要尝试的代码：

zoom

Answer 2

这可能是因为<div id="provider_top">被浮动而<div class="node-body">（这是前者的兄弟）不是。尝试将#provider-top放在#node-body内，看看是否能解决问题。

为什么内容不包含IE7中的浮动图像？

2 个答案: