jquery切换中断float in ie

我在div中有一些文本我想要在图像的右侧显示。我希望文本环绕图像并在页面到达图像的末尾时与页面的左侧对齐。 div的可见性使用一个小小的jQuery脚本来切换。问题在于，当可见性切换时，文本在到达图像底部后不再扩展到页面的左边缘 - 而是继续，就好像图像是左边距一样。在html基本上是这样的：jquery切换中断float in ie

<html> 
    <image float:left> 
    <div id="toggleMe">lots of text here</div> 
</html>

注意这两件事情：这个问题不会在Firefox发生，只有IE（未经测试与其他浏览器）。另外，如果图像的可见性未被切换，它在IE中可以正常工作。

下面是代码：

<script type="text/javascript"> 
$(loadStuff); 

function loadStuff() { 
    $("#divWorkExperience").hide(); 


    $("#btnShowWorkExp").click(function() { 
     $("#divWorkExperience").toggle("slow"); 
     return false; 
    });

剪断

<div style="text-align:justify;"> 

    <img src="ContentImages/highres_22409206.jpg" style="height:300px;width:400px;float:left;clear:none; margin-right:6px;" alt="me" /> 
    <div id="divWorkExperience" style="display:block; clear:none;">lots of text</div> 
</div>

来源

2012-11-10 Sam

想要设置一个小提琴吗？ http://jsfiddle.net – VIDesignz

尝试将此样式添加到您的图片 position：absolute; – Idiot211

像往常一样，我要发布问题之前，我可以找到答案。我不明白为什么这个工程，但它它：

function loadStuff() { 
    $("#divWorkExperience").hide(); 


    $("#btnShowWorkExp").click(function() { 
     if ($.browser.msie) { 
      $("#divWorkExperience").toggle(); 
     } else { 
      $("#divWorkExperience").toggle("slow"); 
     } 
     return false; 
    });

来源

2012-11-10 20:17:14 Sam

它工作，因为没有动画，严格隐藏/显示切换'display：none' – charlietfl

这就是你需要的一切。把对齐：留作图像属性。使用跨度代替div

<body> 
    <img align="left" src="" style="height:300px; width:400px; margin-right:6px;" alt="me" /> 
    <span>Your long text here</span> 
</body>

来源

2012-11-10 20:17:26 VIDesignz

jquery切换中断float in ie

回答

相关问题