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

时间:2011-05-06 10:47:44

标签: jquery css internet-explorer-7

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

当我点击more<<(红色投票部分上方)时,为什么在IE7下内容不包围图像?

在Firefox和Chrome下,没关系。

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

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

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