惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
Docker
I
InfoQ
L
LangChain Blog
阮一峰的网络日志
阮一峰的网络日志
Y
Y Combinator Blog
博客园_首页
Martin Fowler
Martin Fowler
宝玉的分享
宝玉的分享
A
About on SuperTechFans
Apple Machine Learning Research
Apple Machine Learning Research
Vercel News
Vercel News
T
The Blog of Author Tim Ferriss
C
Check Point Blog
B
Blog RSS Feed
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Engineering at Meta
Engineering at Meta
B
Blog
爱范儿
爱范儿
Stack Overflow Blog
Stack Overflow Blog
aimingoo的专栏
aimingoo的专栏
WordPress大学
WordPress大学
F
Fortinet All Blogs
月光博客
月光博客
GbyAI
GbyAI

博客园 - 非我

目前主流的四大浏览器内核Trident、Gecko、WebKit以及Presto 随手记录: MVC自定义提交form 在文本框的光标处插入指定的文本(另一种方式) 在文本框的光标处插入指定的文本(兼容IE6和Firefox) Javascript对象的比较 javascript对象的深拷贝 用户中心 - 博客园 检查矩阵是否有线性相关性 - 非我 - 博客园 WOW笑话,笑死我了 动态修改/添加CSS文件链接 使用.net验证控件遇到的小麻烦 (转)40种网站设置技巧 访问者模式-Visitor 学习与思考 对Response.End的疑问 累啊~用记事本写的小程序 Observer pattern 观察者模式 艾薇尔新歌GrilFriend的MV Command Pattern - 命令模式(ASP.NET版) 动态控件的问题
对mootools的颜色选择器做个小改进
非我 · 2008-05-19 · via 博客园 - 非我

mootools的颜色选择器(mooRainbow)用起来还是挺方便的,不过在ie6里有个小问题,就是会被下拉列表挡住

改进的方式很简单,在它的div外面套个iframe。

找到

mooRainbow.jsdoLayout方法,在它的ie6判断中添加几行代码:

if (window.ie6) {
            div.setStyle(
'overflow''');
            var src 
= ov.src;
            ov.src 
= this.options.imgPath + 'blank.gif';
            ov.style.filter 
= "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')";
            src 
= ov2.src;
            ov2.src 
= this.options.imgPath + 'blank.gif';
            ov2.style.filter 
= "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')";
            
            
//add iframe
            var ifr = new Element('iframe'{
            
'class''iframe',
            
'frameborder'0,
            
'src''javascript:false'
            }
).inject(box);
        }

然后在mooRainbow.css中加入iframe的样式就可以了
.iframe
{
 position:absolute;
 visibility:visible;
 top:0px;left:0px;right:0px;bottom:0px;
 z-index:-1;
width:100%;
height:100%;
border-spacing:inherit;
}