【发布时间】:2026-01-03 02:15:01
【问题描述】:
这是一项艰巨的任务,但是否有 jQuery 或 Mootools(或其他框架)插件可以将文本环绕在图像周围并支持 IE6?我试过 jQSlickWrap,但除非浏览器支持 HTML 5,否则你就不走运了。奇怪的是,IE 6 支持 jQuery Background Canvas 插件,它使用 CANVAS 对象(通过 excanvas.js),就像这个插件一样。谢谢。
编辑:这是相关代码;此代码适用于 Firefox 和 Safari,但不适用于任何版本的 IE;它只是将文本放在图像的左侧,而不是在它上面: .testimonialImage { 浮动:对; }
<script src="global/js/jquery-1.3.2.js" type="text/javascript" ></script>
<!--[if IE]>
<script type="text/javascript" src="global/js/excanvas/excanvas.js" ></script>
<![endif]-->
<script type="text/javascript" src="global/js/slickwrap/jquery.slickwrap.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.testimonialImage').slickWrap();
});
</script>
<img src="global/img/testimonial.gif" width="434" height="315" class="testimonialImage" />
<p>I grew up watching Public TV. Now, Tina and I watch the great programming together. <br />
— Jennifer T.</p>
【问题讨论】:
-
你能链接到这个例子吗?除非我遗漏了什么,否则这听起来很简单,可以通过 CSS 轻松实现。
-
嗨,无限。在 Firefox 上看看这个:jwf.us/projects/jQSlickWrap/example3.html
-
您可能只需要恢复添加自己的 div。这有点痛苦,但并不难。查看本教程 (bigbaer.com/css_tutorials/css.image.text.wrap.htm)
-
谢谢,笨蛋。我认为您的解决方案是目前唯一有效的解决方案,直到 IE 开始像其他浏览器一样运行。
标签: javascript jquery jquery-plugins internet-explorer-6 excanvas