使用Javascript设置元素的透明度
沧海依粟 @ 2010-03-28 0:32:36 | 类归于： Javascript | 0 条评论 | 89次阅读
在某些时候, 我们需要使用Javascript来控制页面无素的透明度, 来实现渐进渐出的效果. FF, chrome 等实现这种效果很简单, 直接设置元素 style 的 opacity 属性就好了. 而IE 系的浏览器就杯具了, 得实用 filter 来实现.
var opacity = 0; // opacity 的值为 [0, 100]
element.style.filter = ‘alpha(opacity=’ + opacity + ‘)’;
本来以为这样就好了, 而且, 在IE8 下, 这样也确实好了. 可是IE6, IE7 确一点感觉都没有. 要使这东东在 IE6, IE7 下也跑得欢, 还得多设置
element.style.zoom = 1;
完成就是这样了:
element.style.zoom = 1;
var opacity = 0; // opacity 的值为 [0, 100]
element.style.filter = ‘alpha(opacity=’ + opacity + ‘)’;
如果你在 IE 下使用 Javascript 为元素设置透明度时遇到无法生效的问题, 不妨检查一下, 是否有为 style 的 zoom 属性设置值:)