- 时间：2021-11-08 08:17 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
今天又回顾了一下这个插件，然后发现它在IE6下面工作的时候，显示起来是不正常的，tip经常出现在很离谱的位置。问题还有，由于tip的显示效果没有用到任何图像，都是纯的CSS，所以里面用CSS实现的三角形在IE6下是无法工作的，会显示一块有色区域，很丑，所以我就想动手改它一下。先上一张对比图好了：
[img]http://files.jb51.net/upload/201012/20101206144542136.png[/img]
js方面的代码肯定是没问题的，问题出CSS上，Colortip用的是position进行定位，在IE6下面可能存在着一点问题。而且由于IE6不支持border-color:transparent的属性，所以tip下面的三角形也有问题。下面修正它吧。
打开插件的colortip-1.0-jquery.css这个文件，在里面找到如下代码：
[url=http://tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/]插件网站[/url] | [url=http://demo.tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/colortips.html]原版DEMO[/url] | [url=http://demo.jb51.net/js/colortips/index.html]改后DEMO[/url] | [url=http://www.1sucai.cn/jiaoben/33325.html]修正后的插件下载[/url]
再补充一句，原版和改后的DEMO在高级浏览器里面的效果是一样的，没区别，但是用IE6试试就知道了。希望我做的这一点点微不足道的工作，为喜欢这款插件的朋友们带来方便，^_^
关于纯CSS的方法实现三角形的效果，可以参看Mr.Think的这篇文章，很详细很不错的技巧CSS技巧之圆角背景与三角形。
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
