对mootools的颜色选择器做个小改进-技术开发专区

对mootools的颜色选择器做个小改进

作者：ITPUB论坛编辑： nancy 2008-05-21 00:00

【IT168技术文档】

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

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

找到mooRainbow.js的doLayout方法，在它的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;
}

关注我们